English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery dblclick() メソッド

jQuery イベント

dblclick()メソッドはdblclickイベントをトリガーし、dblclickイベントが発生したときに実行する関数を追加します。

ユーザーが特定の要素をダブルクリックしたとき、dblclickイベントが発生します。

文法:

選定された要素のdblclick イベントをトリガーする:

$(selector).dblclick()

dblclick イベントに関数をアタッチする:

$(selector).dblclick(function)

<p>要素のdblclick イベントをトリガーする:

$(document).ready(function(){
  $("p").dblclick();
});
テストをしてみる‹/›

関数をdblclick イベントにアタッチする(ユーザーが要素をダブルクリックしたときにdblclick イベントが発生する):

$("p").dblclick(function(){
  $(this).css({"background-"color":"#007FFF","color":"white"});
});
テストをしてみる‹/›

ページ上の段落をダブルクリックすると隠す:

$("p").dblclick(function(){
  $(this).slideUp();
});
テストをしてみる‹/›

引数の値

引数説明
functiondblclick イベントがトリガーされたときに実行される関数

jQuery イベント