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

mousedown ( onmousedown )イベント

 mousedown ( onmousedown )イベントは、設定されたタグエレメントでマウスボタンが押されたら発生する MouseEvent インターフェイスのイベントです。 addEventListener メソッドの引数に mousedown を指定してイベントリスナーに登録することもできます。

mousedown ( onmousedown )イベント
document.querySelector("div.over").addEventListener( "mousedown", ( event )=>{
	console.log( event );
}, false );

詳しくは Example を参照してください

 押されたボタンを知るには、MouseEvent インターフェイスの button プロパティを取得します。

 mousedownイベントはmouseupイベントの対です。mouseupイベントはマウスボタンを離すとイベントが発生します。

構文(Syntax)

in HTML

<tagelement onmousedown="oneFunction()">

in JavaScript

object.onmousedown = function(){ };

object.addEventListener("mousedown", script_);

備考(Remarks)

BubblesYes
CancelableYes
InterfaceMouseEvent
Supported HTML ElementsALL HTML elements

Example

 mousedown ( onmousedown )イベントの例です。

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