首頁 > web前端 > js教程 > jQuery事件dblclick的定義與使用詳解

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

黄舟
發布: 2017-06-27 10:31:36
原創
1747 人瀏覽過

概述

觸發每一個符合元素的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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板