Rendere testo non selezionabile con jQuery

Mattepuffo's logo
Rendere testo non selezionabile con jQuery

Rendere testo non selezionabile con jQuery

Programmazione, Javascript - AJAX

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!

Condividi

Commentami!