GlobalEventHandlers.onclick

GlobalEventHandlers ミックスインの onclick プロパティは、所与の要素の click イベントを処理するための EventHandler です。

click イベントは、ユーザーが要素をクリックしたときに発生します。 mousedown イベントと mouseup イベントの後に、この順番で発生します。

: click イベントを使用してアクションをトリガーするときは、マウスやタッチスクリーンを使用していないユーザーが同じアクションを使用できるように、keydown イベントにも同じアクションを追加することを検討してください。

構文

target.onclick = functionRef;

functionRef は、関数名または関数式です。 この関数は、MouseEvent オブジェクトを唯一の引数として受け取ります。 関数内では、this はイベントがトリガーされた要素になります。

一度に1つのオブジェクトに割り当てることができる onclick ハンドラは1つだけです。 より柔軟性があるため、代わりに EventTarget.addEventListener() メソッドを使用することをお勧めします。

この例では、クリックの位置を記録します。

HTML

<p>この例のどこかをクリックしてください。</p>
<p id="log"></p>

JavaScript

let log = document.getElementById('log');

document.onclick = inputChange;

function inputChange(e) {
  log.textContent = `位置: (${e.clientX}, ${e.clientY})`;
}

結果

仕様

仕様 状態 コメント
HTML Living Standard
onclick の定義
現行の標準  

ブラウザ実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
onclickChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

関連情報