dblclick()

このエントリーをはてなブックマークに追加

dblclick()は要素上がダブルクリックされた際に発火するイベントです。

次のコードでは.targetでダブルクリックされた際に、その要素の背景色を赤色に変更します。

$(".target").dblclick(function(){
	$(this).css("background","red");
});

また、jQuery 1.4.3よりダブルクリックされた際にイベントデータを引き渡すことが可能です。

$(".target").dblclick("ok",function(e){
	$(this).text(e.data);
});

この場合、.targetがダブクリックされた際にテキストが「ok」に変更されます。

また、引数に何も指定しないことで設定しておいたdblclickイベントを発火させる事も可能です。

$(".target").dblclick(function(){
	$(this).css("background","red");
});
$("button").click(function(){
	$(".target").dblclick();
});

この場合はボタンをクリックした際も.targetのdblclickイベントが動作します。

jQuery 1.0.0での追加/変更

dblclick()はjQuery 1.0で定義されたイベントです。

jQuery 1.4.3での追加/変更

djQuery 1.4.3よりダブルクリックされた際にイベントデータを引き渡すことが可能になりました。

参考URL

.dblclick() | jQuery API Documentation

登録日 : 2013年05月11日 最終更新日 : 2013年5月11日

同じカテゴリー(Events)のエントリー

検索

スポンサードリンク

バージョン

リファレンス