解决原生JS鼠标移入事件多次触发的问题

在原生JS的onmouseover事件中，一般使用的期望是在鼠标移入的时候触发一次，但是当绑定事件的元素有子元素时候，鼠标在元素和子元素中切换时候会多次触发鼠标移入事件，但是不会触发鼠标移出事件，基于上述特性，可以在事件触发的处理函数前加个判断

content_list.addEventListener('mouseover',function(){
        if(!this.flag){
            this.flag=true
            this.className=this.className+' content-item-choose'
            console.log('鼠标移入');
        }
        // console.log(this);
    })
    content_list.addEventListener('mouseleave',function(){
        this.flag=false
        this.className='content-item'
        console.log('鼠标移出');
    })

当移入时候判断元素的flag值是否为false或为空，如果成立flag值变为true，并且执行鼠标移入函数，当鼠标移出时候变为false。这样可以避免特意声明this.flag变量，因为当第一次移入时值不存在，!this.flag为true，也可以触发函数，当第一次之后就在true和false中切换了