jQuery事件dblclick的定義與使用詳解-js教程-PHP中文網

jQuery事件dblclick的定義與使用詳解

黄舟

發布： 2017-06-27 10:31:36

原創

1636 人瀏覽過

概述

觸發每一個符合元素的dblclick事件。

這個函數會呼叫執行綁定到dblclick事件的所有函數，包括瀏覽器的預設行為。可以透過在某個綁定的函數中傳回false來防止觸發瀏覽器的預設行為。 dblclick事件會在元素的同一點雙擊時觸發。

參數

fnFunctionV1.0

在每一個符合元素的dblclick事件中綁定的處理函數。

[data],fnString,FunctionV1.4.3

data:dblclick([Data], fn) 可傳入data供函數fn處理。

fn:在每一個符合元素的dblclick事件中綁定的處理函數。

範例

描述:

給頁面上每個段落的雙擊事件綁上"Hello World!" 警告方塊

jQuery 程式碼:

$("p").dblclick( function () { alert("Hello World!"); });

登入後複製

實例

當雙擊按鈕時，隱藏或顯示元素：

$("button").dblclick(function(){
  $("p").slideToggle();
});

登入後複製

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").dblclick(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>请双击此处</button>
</body>
</html>

登入後複製

定義和用法
當雙擊元素時，會發生dblclick 事件。當滑鼠指標停留在元素上方，然後按下並放開滑鼠左鍵時，就會發生一次 click。在很短的時間內發生兩次 click，即是一次 double click 事件。 dblclick() 方法觸發 dblclick 事件，或規定發生 dblclick 事件時執行的函數。提示：如果把 dblclick 和 click 事件應用於相同元素，可能會產生問題。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").dblclick(function(){
    $("p").slideToggle();
  });
  $("p").click(function(){
    $("button").dblclick();
  });
});
</script>
</head>
<body>
<button>请双击这里</button>
<p>点击本段落会触发上面这个按钮的 dblclick 事件。</p>
</body>
</html>

登入後複製

以上是jQuery事件dblclick的定義與使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！