GlobalEventHandlers.onclick

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

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

構文

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

結果

仕様

ブラウザ実装状況

関連情報

• click イベント
• 関連イベントハンドラ
  • GlobalEventHandlers.onauxclick
  • GlobalEventHandlers.ondblclick