HTML DOM oncut Event

HTML DOM onclick Event

Last Updated : 26 Nov, 2024

The HTML DOM onclick event occurs when the user clicks on an element.

In HTML:

<element onclick="myScript">

HTML

<!DOCTYPE html>
<html>
<body>
 <button onclick="myFunction()">Click me</button>
 <p id="gfg"></p>

 <script>
  function myFunction() {
   document.getElementById(
    "gfg").innerHTML = "GeeksforGeeks";
  }
 </script>
</body>
</html>

In JavaScript:

object.onclick = function(){myScript};

HTML

<!DOCTYPE html>
<html>
<body>
 <p id="gfg">Click me.</p>
 <script>
  document.getElementById("gfg").onclick = function () {
   GFGfun()
  };

  function GFGfun() {
   document.getElementById(
    "gfg").innerHTML = "YOU CLICKED ME!";
  }
 </script>
</body>
</html>

In JavaScript, using the addEventListener() Method:

object.addEventListener("click", myScript);

HTML

<!DOCTYPE html>
<html>
<body>
 <p id="gfg">Click me.</p>
 <script>
  document.getElementById(
   "gfg").addEventListener("click", GFGfun);

  function GFGfun() {
   document.getElementById(
    "gfg").innerHTML = "YOU CLICKED ME!";
   document.getElementById(
    "gfg").style.color = 'red';
   document.getElementById(
    "gfg").style.background = 'cyan';
  }
 </script>
</body>
</html>

HTML DOM onclick event supports All HTML elements,

Except:

<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

HTML DOM oncut Event

V

Vijay Sirra

Improve

Article Tags :

Similar Reads

HTML DOM ondblclick Event

The HTML DOM ondblclick event occurs on a double click by the user. In HTML:<element ondblclick="myScript">HTML<!DOCTYPE html> <html> <body> <button id="demo" ondblclick="myFunction()"> Double-click </button> <script> function myFunction() { alert("Double cl

HTML DOM oncut Event

The HTML DOM oncut Event occurs when the content of an element is cut by the user. The oncut event is mostly used on elements with type="text". Supported Tags It supports all HTML elements. Syntax: In HTML: <element oncut="myScript"> In JavaScript: object.oncut = function(){myScript}; In JavaS

HTML DOM onselect Event

The HTML DOM onselect event occurs when a user selects text within an element, like input fields or textareas. It allows developers to execute JavaScript code in response to text selection actions. Syntax: In HTML<element onselect="Script">In JavaScriptobject.onselect = function(){Script};In J

HTML DOM oncopy Event

The HTML DOM oncopy event occurs when the content of an element is copied by the user. It is also applicable to the image, created with the element. It is mostly used with type=â€textâ€. Note: There are three ways to copy the content of an element: Press CTRL + CSelect "Copy" from the Edit menu in you

HTML DOM onload Event

The HTML DOM onload event in HTML occurs when an object has been loaded. The onload event is mostly used within the <body> tag, in order to run the script on the web page that will load all the content completely. The onload event can be used to check the user's browser type and browser versio

HTML DOM onplay Event

The DOM onplay event occurs when the audio/video is played. The audio/video can be played either by the user or programmatically. Supported Tags <audio> <video> Syntax: In HTML:<element onplay="myScript">In JavaScript: object.onplay = function(){myScript};In JavaScript, using the a

HTML DOM onblur Event

The HTML DOM onblur event occurs when an object loses focus. The onblur event is the opposite of the onfocus event. The onblur event is mostly used with form validation code (e.g. when the user leaves a form field). In HTML:<element onblur="myScript">html<!DOCTYPE html> <html lang="en

HTML DOM ononline Event

The DOM ononline event occurs on the online work of the browser. The ononline event is a conflict with the onoffline event. Note: navigator.onLine property is used to check the mode of the browser. Supported Tags <body> Syntax: In HTML: <element ononline="myScript">In JavaScript: object.

HTML DOM onfocus Event

The HTML DOM onfocus event occurs when an element gets focused. The onfocus event is mostly used with <input>, <select>, and <a>. The onfocus event is the opposite of the onblur event. Syntax: In HTML:<element onfocus="myScript">In JavaScript:object.onfocus = function(){myScr

HTML DOM onkeyup Event

The HTML DOM onkeyup event in HTML occurs when a key is released after pressing by the user. Order of events related to the onkeyup event. onkeydownonkeypressonkeyup Syntax: In HTML:<element onkeyup="myScript">In JavaScript:object.onkeyup = function(){myScript};In JavaScript, using the addEven