1. 程式人生 > >微信小程式中的事件冒泡問題

微信小程式中的事件冒泡問題

冒泡事件:當一個元件上的事件被觸發後,該事件會向父節點傳遞。
小程式中事件繫結對事件冒泡問題的處理:
bindtap 事件繫結不會阻止冒泡事件向上冒泡
catchtap 事件繫結可以阻止冒泡事件向上冒泡
wxml:
裡寫圖片描述
js:
父元素:touch:function(){
console.log(‘touch’);
}
子元素1:first:function(){
console.log(111111);
}
子元素2:second:function(){
console.log(22222);
}
當點選子元素1時控制檯會輸出兩個資訊。一個是first子元素自身觸發的,另一個是事件冒泡導致觸發父元素造成的,而用catch繫結的second子元素點選是不會引起事件冒泡的。