在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ jquery 點(diǎn)擊事件失去響應(yīng)

jquery 點(diǎn)擊事件失去響應(yīng)

問(wèn)題描述

做了個(gè)小功能,發(fā)現(xiàn)當(dāng)鼠標(biāo)點(diǎn)擊過(guò)快時(shí)點(diǎn)擊事件會(huì)失去響應(yīng)。

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

開(kāi)始以為是事件冒泡的原因,取消冒泡后還是一樣,于是乎懵了。。

相關(guān)代碼

/*該方法有個(gè)bug:
鼠標(biāo)不能點(diǎn)擊過(guò)快,快于大概0.8s點(diǎn)擊事件就會(huì)失去響應(yīng)
*/
(function () {

var url=[
    "./images/bg-4.jpg",
    "./images/bg-5.jpg",
    "./images/bg-6.jpg",
    "./images/bg-7.jpg"
]//圖片地址庫(kù)
//縮略圖點(diǎn)擊事件
$(".thumbnail-wrap").click(function () {
    console.log("點(diǎn)擊事件生效");
    //點(diǎn)擊聚焦
    $(this).css("background-color","red").siblings().css("background-color","white");
    // 獲取被點(diǎn)擊縮略圖的索引
    var index=$(this).index();
    console.log("當(dāng)前索引為:"+index);
    $(".img-content").css("background-image","url("+url[index]+")");
})

})()

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

后來(lái)想想可能是點(diǎn)擊過(guò)快系統(tǒng)判定成雙擊了,但是關(guān)于雙擊事件我不熟悉,也不知道如何取消,遂滾來(lái)求助了-。-

回答
編輯回答
有你在

測(cè)試地址,http://jsrun.net/JjgKp/edit

我這邊沒(méi)有復(fù)現(xiàn)你的問(wèn)題,你嘗試在一個(gè)線上編輯器試一下。如果可以復(fù)現(xiàn)把地址發(fā)出來(lái)。

我猜是不是改DOM了

2018年4月30日 12:06
編輯回答
呆萌傻
破案了。。。原來(lái)是移動(dòng)端點(diǎn)擊事件的延時(shí)問(wèn)題。。我這個(gè)項(xiàng)目是IPAD上面的,但是公司沒(méi)有MAC所以只能在chrome上調(diào)試,我調(diào)試的時(shí)候忘記退出平板模式了,于是就遇到了經(jīng)典的300ms延時(shí)bug。。。
2018年5月21日 12:57