色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery click 穿透

錢艷冰2年前10瀏覽0評論

jQuery click 穿透是指當(dāng)一個元素上綁定了click事件后,如果該元素的下方還有其他元素并且這些元素也綁定了click事件,當(dāng)在這些元素上發(fā)生點擊行為時,事件會沿著DOM樹向上冒泡,觸發(fā)該元素的click事件,引發(fā)重復(fù)執(zhí)行問題。這種行為被稱為click穿透。

//HTML代碼
//JS代碼 $('.parent').on('click', function(){ console.log('parent clicked'); }); $('.child').on('click', function(){ console.log('child clicked'); });

在上面的代碼中,當(dāng)點擊按鈕時,既會觸發(fā)子元素的click事件,也會觸發(fā)父元素的click事件,導(dǎo)致重復(fù)執(zhí)行,這就是click穿透的問題。

解決click穿透問題可以有多種方式,其中比較簡單的方法是使用stopPropagation()方法來阻止事件冒泡。

//JS代碼
$('.parent').on('click', function(){
console.log('parent clicked');
});
$('.child').on('click', function(e){
e.stopPropagation();
console.log('child clicked');
});

在上面的代碼中,使用了e.stopPropagation()方法來阻止事件冒泡,這樣點擊子元素時就不會觸發(fā)父元素的click事件,解決了click穿透的問題。

總結(jié)一下,click穿透是因為事件冒泡導(dǎo)致的重復(fù)執(zhí)行問題,解決方法是使用stopPropagation()方法來阻止事件冒泡。