transitionend事件屡次触发

1. 起因：

​ 除了父元素自身可以触发自己的transitionend之外，其子元素如若有transition发生，同样会触发父元素的transitionend事件。

2. 处理办法

EL.ontransitionend = function(e){    let ev = e || window.event    if(ev.target===this){ // 判断是不是自身触发的,不是则不行什么      doSomething()    }  }

3. 当用鼠标滚轮缩放页面时，由于我的项目中transition的时width,由于缩放改变了元素的宽度，故同样触发，而且此时ev.target就是它本身this

1. 只要要执行一次的情况

EL.ontransitionend = function(e){    let ev = e || window.event    if(ev.target===this){      doSomething()      this.ontransitionend = null // 即触发一次后解绑事件    }  }

2. 但是，有时候你又想让他能屡次触发，那怎样办？？？

办法：将以上代码用一个函数包裹。哪里需要触发就放哪里执行。

function handler(){    EL.ontransitionend = function(e){    let ev = e || window.event    if(ev.target===this){      doSomething()      this.ontransitionend = null // 每次触发完后都解绑，除了避免如缩放导致触发，还不影响下次注册事件，尽管用ontransitonend是不会重复注册事件的，但这样写，我还是感觉要好少量。    }  }}