Rendere testo non selezionabile con jQuery

Mattepuffo's logo
Rendere testo non selezionabile con jQuery

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!


Share this Post

Commentami!