addEventListener("transitionend", ()=>{...})方法回调函数执行多次问题
今天在使用vue写plugin的时候 遇到一个问题,在dom对象调用$el.addEventListener("transitioned", ()=>{})方法时,回调中的函数会执行多次,后来发现是因为transition中的变化值有多个,因此会执行多次回调函数。解决方法如下:let flag = false;$el.addEventListener('transitionend',(e)=>
·
今天在使用vue写plugin的时候 遇到一个问题,在dom对象调用
$el.addEventListener("transitioned", ()=>{})
方法时,回调中的函数会执行多次,后来发现是因为transition中的变化值有多个,因此会执行多次回调函数。
解决方法如下:
let flag = false;
$el.addEventListener('transitionend',(e)=>{
if(e.target === $el && flag){
//.. your Func
flag = true;
}
})
更多推荐
已为社区贡献3条内容
所有评论(0)