click ( onclick ) イベント
click ( onclick ) イベントは、マウスなどのポインティングデバイスでタグエレメントがクリックされたら発生するポインティングデバイスに関するイベントです。
document.getElementById('example').addEventListener("click", (event)=>{
console.log( 'event type : ' + event.type );
});
詳しくは Example を参照してください
click がイベントタイプ、onclick がイベントハンドラーです。イベントハンドラーによって、そのイベントの発生を監視することを設定します。
イベントタイプはイベントのタイプ名を示します。イベントハンドラーによって実行された関数内から event.type で取得することができます。
ページ内 Index
- ad -
構文(Syntax)
in HTML
<tagelement onclick="oneFunction()">
in JavaScript
object.onclick = function(){ };
object.addEventListener("click", script_);
備考(Remarks)
| Bubbles | Yes |
| Cancelable | Yes |
| Interface | MouseEvent |
| Supported HTML Elements | ALL HTML elements |
Example
- ad -
関連するイベント
関連するマウスイベントには以下があります。
| MouseEvent type | 概要 |
|---|---|
| oncontextmenu | 右クリックでコンテキストメニューを開いたら |
| ondblclick | ダブルクリックしたら |
| onmousedown | マウスボタンが押されたら |
| onmouseenter | マウスポインターが設定されたエレメント上にくると |
| onmouseleave | マウスポインターが設定されたエレメントから離れると |
| onmousemove | マウスポインターが設定されたエレメント上にある間 |
| onmouseout | マウスポインターが設定されたエレメントから離れると(設定されたエレメントの子エレメントも対象) |
| onmouseover | マウスポインターが設定されたエレメント上にある間(設定されたエレメントの子エレメントも対象) |
| onmouseup | マウスボタンを離したら |
