jquery dblclickメソッド

TOPページに戻る > jquery入門

jquery dblclick()メソッド

dblclickメソッドは、セレクタで指定した要素がダブルクリックされたときの動作を指定します

$("セレクタ").dblclick(function(){
セレクタで指定した要素がダブルクリックされたときの処理
});

指定したHTML要素をダブルクリックしたときにイベントを実行する

セレクタで指定したHTML要素をダブルクリックしたときに他のテキストが変更されます。ダブルクリックして下さい

jquery

$(function() {
	$("span#hoge").dblclick(function(){
	$("span#hoge2").text("ダブルクリックされました");
	});
});

css

#hoge{ background-color: #FFCC99;}

html

<span id="hoge">ダブルクリックして下さい</span>
<span id="hoge2">テキスト</span>

実行前

ダブルクリックして下さい テキスト

実行後

ダブルクリックして下さい テキスト

ダブルクリックしたときに処理を実行します
ダブルクリックイベントは基本のイベントですが使うことも多く、他のメソッドと組み合わせて使うと応用もいろいろできます