Рубрики

Как отключить копирование, вставку, вырезание и щелчок правой кнопкой мыши с помощью jQuery?

Ctrl + C , Ctrl + V , Ctrl + X и щелчок правой кнопкой мыши используется для копирования, вставки и вырезания чего угодно из любого места. Это может быть отключено для конкретной задачи или страницы. Давайте посмотрим, как отключить вырезать, копировать, вставить и щелкнуть правой кнопкой мыши.

Это можно сделать двумя способами:

  • Используя метод on ()
  • С помощью метода keydown () и mousedown ()

Используя метод on (): это встроенный метод в jQuery. С помощью этого метода мы сможем отключить функцию вырезания, копирования, вставки и щелчка правой кнопкой мыши.

  • Синтаксис:
    $(“selector”).on(event, function)
  • Пример:

    <!DOCTYPE html>
    <html>

      
    <head>

        <title>The jQuery Example</title>

        <script src=

    "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">

        </script>

        <style>

            #geek {

                padding: 65 px 0;

            }

        </style>

      

        <script>

            $(document).ready(function() {

                

                // Отключаем ctrl + v, ctrl + x, ctrl + c.

                $('textarea').on("cut", function(e) {

                    $("#d2").text('cut. not allowed!');

                    e.preventDefault();

                });

                $('textarea').on("copy", function(e) {

                    $("#d2").text('copy. not allowed!');

                    e.preventDefault();

                });

                $('textarea').on("paste", function(e) {

                    $("#d2").text('paste. not allowed!');

                    e.preventDefault();

                });

                

                // Выше всех трех можно объединить, выше

                // выполняется отдельно для понимания.

                / * $ ('textarea'). on ("вырезать копировать вставить", функция (e) {

                $ ("# d2"). text ('щелчок правой кнопкой выключен!');

                e.preventDefault ();

                }); * /

                

                // Отключает щелчок правой кнопкой мыши.

                $('textarea').mousedown(function(e) {

                    if (e.button == 2) {

                        e.preventDefault();

                        alert('right-click is disabled!');

                    }

                });

            });

        </script>

    </head>

      
    <body>

        <center>

            <div id='geek'>

                <h1 style="color:green">GeeksforGeeks</h1>

                <p id="d1">

                    The below textarea won't allow any cut, copy, 

                    paste and right-click operations.

                </p>

                <textarea></textarea>

                <p id="d2" style="color:red"></p>

            </div>

        </center>

    </body>

      
    </html>

  • Выход:

Используя методы keydown () и mousedown (): используя событие key-down и для отключения правого клика, мы используем метод mouse-down (). С помощью этих двух методов мы сможем отключить опцию вырезать, скопировать, вставить и щелкнуть правой кнопкой мыши.

  • Синтаксис:
    $(“selector”).keydown(function)
    $(“selector”).mousedown(function)
  • Пример:

    <!DOCTYPE html>
    <html>

      
    <head>

        <script src=

    "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">

        </script>

        <style>

            #geek {

                padding: 65px 0;

            }

        </style>

      

        <script>

            $(document).ready(function() {

                $(document).keydown(function(event) {

      

                    // 86 - код ключа v

                    if (event.ctrlKey == true && (event.which == '86')) {

                        $("#d2").text('paste. not allowed!');

                        event.preventDefault();

                    }

      

                    // 88 - код клавиши x

                    if (event.ctrlKey == true && (event.which == '88')) {

                        $("#d2").text('cut. not allowed!');

                        event.preventDefault();

                    }

      

                    // 67 - это код клавиши c

                    if (event.ctrlKey == true && (event.which == '67')) {

                        $("#d2").text('copy. not allowed!');

                        event.preventDefault();

                    }

      

                    // Выше всех трех можно объединить, выше

                    // выполняется отдельно для понимания.

                    / * if (event.ctrlKey == true && (event.which == '86'

                    || event.which == '67' || event.which == '88')) {

                        alert ('вырезать. копировать. вставить. не разрешено!');

                        event.preventDefault ();

                    } * /

                });

                $('textarea').mousedown(function(e) {

                    if (e.button == 2) {

                        alert('right-click is disabled!');

                        e.preventDefault();

                    }

                });

            });

        </script>

    </head>

      
    <body>

        <center>

            <div id='geek'>

                <h1 style="color:green">GeeksforGeeks</h1>

                <p id="d1">

                    The below textarea won't allow any cut, copy,

                    paste and right-click operations.

                </p>

                <textarea></textarea>

                <p id="d2" style="color:red"></p>

            </div>

        </center>

    </body>

      
    </html>

  • Выход:

Рекомендуемые посты:

Как отключить копирование, вставку, вырезание и щелчок правой кнопкой мыши с помощью jQuery?

0.00 (0%) 0 votes