HTMLElement: click() method

{{ APIRef("HTML DOM") }}

The HTMLElement.click() method simulates a mouse click on an element. When called on an element, the element's {{domxref("Element/click_event", "click")}} event is fired (unless its disabled attribute is set).

Syntax

click()

Parameters

None.

Return value

None ({{jsxref("undefined")}}).

Examples

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

HTML

<form>
  <input type="checkbox" id="myCheck" />
</form>

JavaScript

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

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• Related event handlers
  • {{domxref("Element.click_event", "Element.onclick")}}
  • {{domxref("Element.dblclick_event", "Element.ondblclick")}}
  • {{domxref("Element.auxclick_event", "Element.onauxclick")}}