jQuery 三擊事件實(shí)現(xiàn)代碼
直接給出代碼如下：
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);
}
};
調(diào)用時(shí)：
$('#div').bind('tripleclick', function (event) {
//do something
});
相關(guān)文章
這篇文章主要介紹了jquery如何自定義表格樣式，分別實(shí)現(xiàn)三種樣式：默認(rèn)狀態(tài)（灰白相間），鼠標(biāo)懸浮狀態(tài)（綠色），鼠標(biāo)點(diǎn)擊狀態(tài)（黃色），感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了Jquery 在頁(yè)面加載后執(zhí)行的幾種方式,需要的朋友可以參考下2014-03-03
delegate()方法是為匹配元素的子元素添加一個(gè)或多個(gè)事件，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。下面就是詳細(xì)介紹，有需要的朋友可以來(lái)介紹一下。2016-10-10
jquery nth-child()選擇器的簡(jiǎn)單應(yīng)用
今天項(xiàng)目中遇到過(guò)一個(gè)這樣的問(wèn)題，就是希望讀出來(lái)的文章列表能夠每隔五個(gè)加一個(gè)分割條，而不是每個(gè)都加。2010-07-07
jQuery 無(wú)限級(jí)菜單的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jQuery 無(wú)限級(jí)菜單的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
下面小編就為大家分享一篇jquery中done和then的區(qū)別(詳解)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
jQuery實(shí)現(xiàn)鼠標(biāo)移入顯示蒙版效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)鼠標(biāo)移入顯示蒙版效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
深入理解JQuery keyUp和keyDown的區(qū)別
這篇文章主要是對(duì)JQuery中keyUp與keyDown的區(qū)別進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jQuery中對(duì)未來(lái)的元素綁定事件用bind、live or on
這篇文章主要介紹了jQuery中對(duì)未來(lái)的元素綁定事件用bind、live or on,需要的朋友可以參考下2014-04-04
jQuery應(yīng)用之jQuery鏈用法實(shí)例
這篇文章主要介紹了jQuery應(yīng)用之jQuery鏈用法,實(shí)例形式分析了jQuery鏈的原理及使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01