jQuery事件dblclick的定義與使用詳解
- 黄舟原創
- 2017-06-27 10:31:361682瀏覽
概述
觸發每一個符合元素的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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn