HTMLElement: click() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The HTMLElement.click() method simulates a mouse click on an element. When called on an element, the element's click event is fired (unless its disabled attribute is set).
Syntax
js
click()
Parameters
None.
Return value
None (undefined).
Examples
Simulate a mouse-click when moving the mouse pointer over a checkbox:
HTML
html
<form>
<input type="checkbox" id="myCheck" />
</form>
JavaScript
js
const checkbox = document.getElementById("myCheck");
// On mouse-over, execute myFunction
checkbox.addEventListener("mouseover", () => {
// Simulate a mouse click
checkbox.click();
});
checkbox.addEventListener("click", () => {
console.log("click event occurred");
});
Specifications
| Specification |
|---|
| HTML # dom-click-dev |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
click
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.
See also
- Related event handlers