jQuery的ondblclick()方法可以為元素添加雙擊事件處理程序。當用戶雙擊元素時,綁定的處理程序將被執行。
使用ondblclick()方法,我們可以輕松地創建一些響應雙擊事件的交互效果。下面是一個基本的例子:
$(document).ready(function(){ $("p").on("dblclick", function(){ $(this).hide(); }); });
如上代碼所示,當用戶雙擊頁面上的任何一個段落時,該段落將被隱藏。
ondblclick()方法還可以與其他jQuery方法一起使用,來創建更為復雜的雙擊事件效果。例如,我們可以使用animate()方法讓被雙擊的元素縮小,并讓它在旁邊出現一個新的元素,如下所示:
$(document).ready(function(){ $("img").on("dblclick", function(){ $(this).animate({height: "50px", width: "50px"}, "slow"); $(this).after("雙擊后出現的新元素!
"); }); });
如上代碼所示,當用戶雙擊頁面上的任何一張圖像時,該圖像將縮小并在旁邊出現一個新的段落元素。
總之,使用jQuery的ondblclick()方法,我們可以輕松地為頁面上的任何元素添加雙擊事件響應,從而創建出豐富的交互效果。
上一篇沙盒模型 css
下一篇mysql中最后的字符串