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

element.click()

Example

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

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
≤37
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.

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click