欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js jq 單擊和雙擊區(qū)分示例介紹

 更新時(shí)間:2013年11月05日 15:50:38   作者:  
雙擊事件(dblclick)會(huì)返回一次單擊事件(click)結(jié)果和一次雙擊事件(dblclick) 結(jié)果,下面有個(gè)不錯(cuò)的示例,大家可以感受下
一:原理:

先看一下點(diǎn)擊事件的執(zhí)行順序:

單擊(click):mousedown,mouseout,click;
雙擊(dblclick):mousedown,mouseout,click , mousedown,mouseout,click,dblclick;

在雙擊事件(dblclick),觸發(fā)的兩次單擊事件(click)中,第一次的單擊事件(click)會(huì)被屏蔽掉,但第二次不會(huì)。也就是說雙擊事件(dblclick)會(huì)返回一次單擊事件(click)結(jié)果和一次雙擊事件(dblclick) 結(jié)果。而不是一次雙擊事件(dblclick)結(jié)果和兩次單擊事件結(jié)果(click)。

如此這般的話,只需消滅掉多余的一次單擊事件(click),這個(gè)問題就解決了。

setTimeout

二:代碼:
復(fù)制代碼 代碼如下:

//定義setTimeout執(zhí)行方法
var TimeFn = null;

$('div').click(function () {
// 取消上次延時(shí)未執(zhí)行的方法
clearTimeout(TimeFn);
//執(zhí)行延時(shí)
TimeFn = setTimeout(function(){
//do function在此處寫單擊事件要執(zhí)行的代碼
},300);
});

$('div').dblclick(functin () {
// 取消上次延時(shí)未執(zhí)行的方法
clearTimeout(TimeFn);
//雙擊事件的執(zhí)行代碼
})

相關(guān)文章

最新評(píng)論