.dblclick()
.dblclick( handler(eventObject) ) 返回： jQuery
描述： 為 "dblclick" 事件綁定一個(gè)處理函數(shù)，或者觸發(fā)元素上的 "dblclick" 事件。
-
version added: 1.0.dblclick( handler(eventObject) )
handler(eventObject)每次事件觸發(fā)時(shí)會(huì)執(zhí)行的函數(shù)。
-
version added: 1.4.3.dblclick( [ eventData ], handler(eventObject) )
eventData將要傳遞給事件處理函數(shù)的數(shù)據(jù)映射。
handler(eventObject)每次事件觸發(fā)時(shí)會(huì)執(zhí)行的函數(shù)。
version added: 1.0.dblclick()
這個(gè)函數(shù)的第一種用法是 .bind('dblclick', handler) 的快捷方式，第二種用法是 .bind('dblclick') 的快捷方式。
一個(gè)元素被雙擊時(shí)候?qū)⒂|發(fā) dblclick 事件。任何HTML元素都可以收到此事件。
舉例來(lái)說(shuō)，請(qǐng)看下面的HTML：
<div id="target"> Double-click here </div> <div id="other"> Trigger the handler </div>
這個(gè)事件處理器可以綁定到任何 現(xiàn)在，如果我們雙擊這個(gè)元素，警報(bào)顯示： Handler for .dblclick() called. 當(dāng)不同的元素被點(diǎn)擊時(shí)我們也可以觸發(fā)這個(gè)事件： 這些代碼執(zhí)行后，單擊Trigger the handler同樣警報(bào)顯示。 在同一個(gè)元素上綁定$('#target').dblclick(function() {
alert('Handler for .dblclick() called.');
});
$('#other').click(function() {
$('#target').dblclick();
});
dblclick事件觸發(fā)需要以下幾點(diǎn)：
click 和 dblclick時(shí)間是不明智的。在不同瀏覽器上這個(gè)事件的觸發(fā)順序是多樣的，一些接受兩個(gè)click事件,其他接受一個(gè)click事件。如果一個(gè)接口對(duì)于單，雙擊反應(yīng)不同是無(wú)法避免，那么dblclick事件應(yīng)該模擬click處理器。我們可以通過(guò)在處理器中保存時(shí)間戳來(lái)實(shí)現(xiàn)這一點(diǎn)，然后比較當(dāng)前時(shí)間在后續(xù)的點(diǎn)擊保存時(shí)間戳。如果差異足夠小，我們可以把它當(dāng)作一個(gè)雙擊點(diǎn)擊。
Examples:
Example: To bind a "Hello World!" alert box the dblclick event on every paragraph on the page:
$("p").dblclick( function () { alert("Hello World!"); });Example: Double click to toggle background color.
<!DOCTYPE html>
<html>
<head>
<style>
div { background:blue;
color:white;
height:100px;
width:150px;
}
div.dbl { background:yellow;color:black; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div></div><span>Double click the block</span>
<script>
var divdbl = $("div:first");
divdbl.dblclick(function () {
divdbl.toggleClass('dbl');
});
</script>
</body>
</html>Demo: