¿Cómo deshabilitar la opción de clic derecho usando jQuery?

El método bind() en jQuery se usa para adjuntar uno o más controladores de eventos para el elemento seleccionado y este método especifica una función para ejecutar cuando ocurre un evento.

Sintaxis:

$(selector).bind(event, data, function);

Parámetros: este método acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:

  • event: Es un tipo de evento que se pasa a los elementos seleccionados.
  • data: Son los datos que se pueden mostrar sobre los elementos seleccionados.
  • función: Es la función que realizan los elementos seleccionados.

Valor devuelto: Devuelve todas las modificaciones realizadas sobre el elemento seleccionado.

En este artículo, veremos cómo deshabilitar la opción de clic derecho usando el método jQuery bind().

HTML

<!DOCTYPE html>
<html>
  
<head>
  
    <!-- Adding jQuery scripts required to run jQuery -->
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
    </script>
  
    <!-- This script will prevent 
        right click -->
    <script>
        $(document).ready(function () {
            $(document).bind("contextmenu", function (e) {
                return false;
            });
        });
    </script>
  
    <!-- Adding style -->
    <style>
        h1 {
            color: green;
        }
        p {
            color: crimson;
        }
    </style>
</head>
  
<!-- Body of the page -->
<body>
    <center>
        <h1>GeeksForGeeks</h1>
  
        <p>
            GeeksforGeeks is a Computer Science
            portal for geeks. It contains well
            written, well thought and well
            explained computer science and
            programming articles, quizzes etc.
        </p>
    </center>
</body>
  
</html>

Producción:

Puede ver que no puede abrir la ventana de opción de clic derecho haciendo clic derecho en la pantalla.

Publicación traducida automáticamente

Artículo escrito por aditya_taparia y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *