HTMLElement.click()

HTMLElement.click() メソッドは、要素のマウスクリックをシミュレートします。

サポートしている要素(<input> など)で click() を使用すると、要素の click イベントが発生します。 このイベントは、ドキュメントツリー (またはイベントチェーン) の上位の要素にバブルアップし、click イベントを発生させます。

構文

element.click()

チェックボックスの上にマウスポインタを移動させたときのマウスクリックをシミュレートします。

HTML

<form>
  <input type="checkbox" id="myCheck" onmouseover="myFunction()" onclick="alert('click イベントが発生しました')">
</form>

JavaScript

// マウスオーバーで、myFunction を実行します
function myFunction() {
  document.getElementById("myCheck").click();
}

仕様

仕様書 ステータス コメント
HTML Living Standard 現行の標準
Document Object Model (DOM) Level 2 HTML Specification 廃止された 初期定義

ブラウザの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
click()Chrome 完全対応 9
補足
完全対応 9
補足
補足 Before Chrome 19, click() is only defined on buttons and inputs.
Edge 完全対応 12Firefox 完全対応 3
補足
完全対応 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.
IE 完全対応 8Opera 完全対応 10.5Safari 完全対応 6WebView Android 完全対応 ≤37
補足
完全対応 ≤37
補足
補足 Before Android WebView 4.4, click() is only defined on buttons and inputs.
Chrome Android 完全対応 18
補足
完全対応 18
補足
補足 Before Chrome 19, click() is only defined on buttons and inputs.
Firefox Android 完全対応 5Opera Android 完全対応 11Safari iOS 完全対応 6Samsung Internet Android 完全対応 1.0
補足
完全対応 1.0
補足
補足 Before Samsung Internet 1.5, click() is only defined on buttons and inputs.

凡例

完全対応  
完全対応
実装ノートを参照してください。
実装ノートを参照してください。

関連情報