.on( click code example

Example 1: jquery click function

$( "#target" ).click(function() {
  alert( "Handler for .click() called." );
});

Example 2: right click of mouse and block F12 key

Source: https://www.programmingquest.com/2018/08/prevent-right-click-of-mouse-and-block.html

For preventing Right click Context menu:
 
$(document).on("contextmenu", function (e) {        
    e.preventDefault();
});

For preventing 'F12' and 'Ctrl+Shift+I' button click:
 
$(document).keydown(function (event) {
    if (event.keyCode == 123) // Prevent F12
    { 
        return false;
    } 
    else if(event.ctrlKey && event.shiftKey && event.keyCode == 73)
    // Prevent Ctrl+Shift+I
    {         
        return false;
    }
});

Example 3: javascript onclick

document.getElementById("myBtn").addEventListener("click", function() {
  alert("Hello World!");
});

Example 4: HTML button onclick

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>There is a hidden message for you. Click to see it.</p>
    <button onclick="myFunction()">Click me!</button>
    <p id="demo"></p>
    <script>
      function myFunction() {
        document.getElementById("demo").innerHTML = "Hello Dear Visitor!</br> We are happy that you've chosen our website to learn programming languages. We're sure you'll become one of the best programmers in your country. Good luck to you!";
      }
    </script>
  </body>
</html>

Example 5: run a function when a button has the onclick

<script>
function myFunction() {
  alert("ALERT THIS FUNCTION HAS RUNNED");
}
</script>
<button onclick="myFunction">click to run function</button>

Example 6: on click

BODY ();
 background-color: "# 5b6870";
font-family: "verdana", Arial;
font-size: 10pt;
 color: "# 000000";
margin-top: 0pt; margin-left: 0pt; }

P {
font-family: "verdana", Arial;
font-size: 10pt;
}


A: link {text-decoration: none; color = "123888"; font: "Verdana"; font-size: 8pt; }
A: visited {text-decoration: none; color = "123888"; font: "Verdana"; font-size: 8pt; }
A: hover {text-decoration: none; color = "C62A2A"; font: "Verdana"; font-size: 8pt; }


Az: link {text-decoration: none; color = "123888"; font: "Verdana"; font-size: 10pt; }
Az: visited {text-decoration: none; color = "123888"; font: "Verdana"; font-size: 10pt; }
Az: hover {text-decoration: none; color = "C62A2A"; font: "Verdana"; font-size: 10pt; }

Tags:

Recent Posts