jQuery 三擊事件實現(xiàn)代碼
更新時間：2013年09月11日 22:29:59 作者：
jQuery 中自帶有雙擊事件，那么當需要三擊某對象執(zhí)行某個事件時怎么辦呢？今天就讓我們看看一段 jQuery 三擊事件代碼
直接給出代碼如下：
復制代碼 代碼如下:
jQuery.event.special.tripleclick = {
setup: function(data, namespaces) {
var elem = this, $elem = jQuery(elem);
$elem.bind('click', jQuery.event.special.tripleclick.handler);
},
teardown: function(namespaces) {
var elem = this, $elem = jQuery(elem);
$elem.unbind('click', jQuery.event.special.tripleclick.handler);
},
handler: function(event) {
var elem = this, $elem = jQuery(elem), clicks = $elem.data('clicks') || 0;
clicks += 1;
if ( clicks === 3 ) {
clicks = 0;
// set event type to "tripleclick"
event.type = "tripleclick";
// let jQuery handle the triggering of "tripleclick" event handlers
jQuery.event.handle.apply(this, arguments)
}
$elem.data('clicks', clicks);
}
};
調用時：
復制代碼 代碼如下:
$('#div').bind('tripleclick', function (event) {
//do something
});
相關文章
這篇文章主要介紹了jquery如何自定義表格樣式，分別實現(xiàn)三種樣式：默認狀態(tài)（灰白相間），鼠標懸浮狀態(tài)（綠色），鼠標點擊狀態(tài)（黃色），感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了Jquery 在頁面加載后執(zhí)行的幾種方式,需要的朋友可以參考下2014-03-03
delegate()方法是為匹配元素的子元素添加一個或多個事件，并規(guī)定當這些事件發(fā)生時運行的函數(shù)。下面就是詳細介紹，有需要的朋友可以來介紹一下。2016-10-10
今天項目中遇到過一個這樣的問題，就是希望讀出來的文章列表能夠每隔五個加一個分割條，而不是每個都加。2010-07-07
本篇文章主要是對jQuery 無限級菜單的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
下面小編就為大家分享一篇jquery中done和then的區(qū)別(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)鼠標移入顯示蒙版效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
深入理解JQuery keyUp和keyDown的區(qū)別
這篇文章主要是對JQuery中keyUp與keyDown的區(qū)別進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery中對未來的元素綁定事件用bind、live or on
這篇文章主要介紹了jQuery中對未來的元素綁定事件用bind、live or on,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了jQuery應用之jQuery鏈用法,實例形式分析了jQuery鏈的原理及使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01