Skip to content
Related Articles

Related Articles

HTML | DOM click() Method

View Discussion
Improve Article
Save Article
  • Last Updated : 10 Aug, 2022

The click() method is used to simulate the mouse click on an element. This method works exactly the same as the element is manually clicked.

Syntax:  

HTMLElementObject.click()

Parameters: No parameters required.

Return Value: No return value.

Example: In this example, when the cursor goes over the radio button, it’ll execute the mouse click event and the radio button is checked as it is clicked manually. 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML | DOM click() method
    </title>
    <!--script to stimulate mouse click-->
    <script>
        function click() {
            document.getElementById("input1").click();
        }
    </script>
</head>
<body>
     
<p>
      Hover over the radio button to simulate
      a mouse-click.
    </p>
 
    <form>
        <input type="radio" id="input1"
               onmouseover="click()">
      GeeksforGeeks
    </form>
</body>
</html>

Output: 

Before hovering on the radio button:  

After hovering on the radio button: 

Supported Browsers: The browser supported by DOM click() Method are listed below:  

  • Google Chrome 9 and above
  • Edge 12 and above
  • Internet Explorer 5.5 and above
  • Firefox 3 and above
  • Opera 10.5 and above
  • Safari 6 and above
My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!