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();
}

仕様

仕様 状態 コメント
Document Object Model (DOM) Level 2 HTML Specification 廃止された 初期定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
clickChrome 完全対応 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.
IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 6
補足
完全対応 6
補足
補足 Before Safari 6, click is only defined on buttons and inputs.
WebView Android 完全対応 あり
補足
完全対応 あり
補足
補足 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 完全対応 ありSafari iOS 完全対応 あり
補足
完全対応 あり
補足
補足 Before Safari 6, click is only defined on buttons and inputs.
Samsung Internet Android ?

凡例

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

関連情報