ondblclick - ダブルクリックをした時に発火する

投稿日:

JavaScriptのイベントハンドラ、ondblclickはダブルクリックした時に発火して処理を実行します。

説明

イベントハンドラのondblclickは、ダブルクリックをした時に発火します。このダブルクリックの間には、もし設定している場合、クリックイベントも発生します。

サンプルコード

<div id="target">目的の要素</div>
// 要素を取得
var divElement = document.getElementById( "target" ) ;

// 処理を定義
var action = function() {
	// 処理内容
}

//　イベントを設定 ( addEventListener )
divElement.addEventListener( "dblclick", action ) ;

// イベントを削除
divElement.removeEventListener( "dblclick", action ) ;
// 要素を取得
var divElement = document.getElementById( "target" ) ;

// イベントを設定 ( ondblclick )
divElement.ondblclick = function() {
	// 処理内容
}

// イベントを削除
divElement.ondblclick = null ;

デモ

茶色の要素にondblclickイベントを設定しました。要素上でダブルクリックしてみて下さい。イベントが発生するごとに、発生回数がカウントアップされます。

関連項目

外部リンク