Rendere testo non selezionabile con jQuery
In pratica voglio fare in modo che il testo di una pagina web non sia selezionabile con il mouse.
Possiamo farlo usando anche usando jQuery.
In pratica andremo a l'elemento unselectable al componente che vogliamo non sia selezionabile.
Ecco il codice:
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script>
$(function () {
var element = $("#element");
element.attr('unselectable', 'on')
.css('user-select', 'none')
.on('selectstart dragstart', false);
});
</script>
</head>
<body>
<div id="element">NON SELEZIONABILE</div>
</body>
</html>
Enjoy!
javascript jquery unselectable
Commentami!