在 jQuery 中,雙擊事件是使用 dblclick() 方法實(shí)現(xiàn)的。dblclick() 方法綁定一個(gè)雙擊事件到元素上,當(dāng)元素被雙擊時(shí),將會(huì)觸發(fā)綁定的事件處理程序。
下面是一個(gè)雙擊事件的示例:
$(document).ready(function(){ $("p").dblclick(function(){ $(this).hide(); }); });
解析:上述代碼將會(huì)綁定一個(gè)雙擊事件到所有的<p>元素上,當(dāng)元素雙擊時(shí),將會(huì)觸發(fā)事件處理程序。觸發(fā)的事件處理程序?qū)?huì)隱藏被雙擊的元素。
需要注意的是,dblclick() 方法只能夠綁定到產(chǎn)生鼠標(biāo)信號(hào)的元素上,比如說(shuō) <input>、<a>、<button>、<textarea> 等等。如果需要在其他元素上綁定雙擊事件,可以使用 bind() 方法實(shí)現(xiàn)。
$(document).ready(function(){ $("div").bind("dblclick", function(){ $(this).css({"background-color": "red", "font-size": "20px"}); }); });
解析:上述代碼將會(huì)綁定一個(gè)雙擊事件到所有的<div>元素上,當(dāng)元素雙擊時(shí),將會(huì)觸發(fā)事件處理程序。觸發(fā)的事件處理程序?qū)?huì)改變被雙擊的元素的背景顏色和字體大小。
綜上所述,jQuery 的 dblclick() 方法可以方便地綁定雙擊事件到元素上,使得網(wǎng)頁(yè)交互更加豐富生動(dòng)。