備忘録的プログラミングリファレンス

click ( onclick ) イベント

MouseEvent

 click ( onclick ) イベントは、マウスなどのポインティングデバイスでタグエレメントがクリックされたら発生する MouseEvent インターフェイスのイベントです。

click イベントを追加( onclick イベントハンドラーとして追加)
document.getElementById('example').addEventListener("click", (event)=>{
	console.log( 'event type : ' + event.type );
});
詳しくは Example を参照してください

 click がイベントタイプ、onclick がイベントハンドラーです。イベントハンドラーによって、そのイベントの発生を監視することを設定します。
 イベントタイプはイベントのタイプ名を示します。イベントハンドラーによって実行された関数内から event.type で取得することができます。

 関連するマウスイベントには以下があります。

MouseEvent type概要
oncontextmenu右クリックでコンテキストメニューを開いたら
ondblclickダブルクリックしたら
onmousedownマウスボタンが押されたら
onmouseenterマウスポインターが設定されたエレメント上にくると
onmouseleaveマウスポインターが設定されたエレメントから離れると
onmousemoveマウスポインターが設定されたエレメント上にある間
onmouseoutマウスポインターが設定されたエレメントから離れると(設定されたエレメントの子エレメントも対象)
onmouseoverマウスポインターが設定されたエレメント上にある間(設定されたエレメントの子エレメントも対象)
onmouseupマウスボタンを離したら

構文(Syntax)

in HTML

<tagelement onclick="oneFunction()">

in JavaScript

object.onclick = function(){ };

object.addEventListener("click", script_);

備考(Remarks)

BubblesYes
CancelableYes
InterfaceMouseEvent
Supported HTML ElementsALL HTML elements

Example

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。