HTMLElement.click()

The HTMLElement.click() method simulates a mouse click on an element.

When click() is used with supported elements (such as an <input>), it fires the element's click event. This event then bubbles up to elements higher in the document tree (or event chain) and fires their click events.

Syntax

click()

Examples

Simulate a mouse-click when moving the mouse pointer over a checkbox:

HTML

<form>
  <input type="checkbox" id="myCheck" onmouseover="myFunction()" onclick="alert('click event occurred')">
</form>

JavaScript

// On mouse-over, execute myFunction
function myFunction() {
  document.getElementById("myCheck").click();
}

Specifications

Specification
HTML Standard # dom-click-dev

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`click`	9 Before Chrome 19, `click()` is only defined on buttons and inputs.	12	3 ["Before Firefox 5, `click()` is only defined on buttons and inputs, and has no effect on text and file inputs.", "Starting in Firefox 75, the `click()` function works even when the element is not attached to a DOM tree."]	5.5	10.5	6	4.4 Before Android WebView 4.4, `click()` is only defined on buttons and inputs.	18 Before Chrome 19, `click()` is only defined on buttons and inputs.	4 ["Before Firefox 5, `click()` is only defined on buttons and inputs, and has no effect on text and file inputs.", "Starting in Firefox for Android 79, the `click()` function works even when the element is not attached to a DOM tree."]	11	6	1.0 Before Samsung Internet 1.5, `click()` is only defined on buttons and inputs.

Name	Web APIs
Version
Badge
Last Updated	2022-04-27T09:33:08Z