HTML DOM click() Method

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()">
        w3wiki
    </form>
</body>
</html>

Output:

Supported Browsers: The browser supported by the 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

Tags:

#HTML-DOM #Web technologies #HTML #Web Technologies

HTML DOM clientWidth Property

HTML DOM scrollTop Property

HTML DOM click() Method

HTML

Contact Us