鸿蒙js 捕获事件绑定 无法触发,请大神赐教!
html
<div on:touchstart.capture="capture1" on:touchstart.bubble="bubble1">
<div on:touchstart.capture="capture2" on:touchstart.bubble="bubble2">
<text on:touchstart.capture="capture3" on:touchstart.bubble="bubble3">12222</text>
</div>
</div>
js
capture1(){
console.log("testtest++capture1")
},
capture2(){
console.log("testtest++capture2")
},
capture3(){
console.log("testtest++capture3")
},
bubble1(){
console.log("testtest++bubble1")
},
bubble2(){
console.log("testtest++bubble2")
},
bubble3(){
console.log("testtest++bubble3")
}
运行结果
08-19 20:27:48.774 18726-18870/? D 03B00/JSApp: app Log: testtest++bubble3
08-19 20:27:48.774 18726-18870/? D 03B00/JSApp: app Log: testtest++bubble2
08-19 20:27:48.774 18726-18870/? D 03B00/JSApp: app Log: testtest++bubble1
问题:为什么捕获事件没有执行?
IE10 及以下不支持捕获型事件,所以就少了一个事件捕获阶段,IE11、Chrome 、Firefox、Safari 等浏览器则同时存在。
看看你的浏览器支持捕获事件不
dom的执行顺序是先捕获,然后冒泡 你的冒泡都执行了 你的捕获没有执行,说明你的浏览器不支持