高版本浏览器的自定义 事件

自定义事件的好处：

　　1.在维护代码的时候，可以解决互相干扰（污染）的问题

　　2.对于复杂的条件，实现一次之后可以重复使用

 

用 addEventListener 写自定义事件：（延伸：解除事件监听：removeEventListener（事件名））

1.  var event = document.createEvent('HTMLEvents');   //创建 event 对象

2.  event.initEvent("上滚", true, true);　　//初始化 event 对象

3.  document.dispatchEvent(event);　　　//发布

    /*
        https://blog.csdn.net/magic__man/article/details/51831227 
    */
    document.addEventListener('上滚',function(ev){
        console.log(ev);
        // alert('正在山gun');
    });

     //创建event的对象实例。
    var event = document.createEvent('HTMLEvents');
       
    // 3个参数：事件类型，是否冒泡，是否阻止浏览器的默认行为
    event.initEvent("上滚", true, true);

    //给event对象绑定数据
    event.name = '小胖';
    event.num = 0;

    document.onmousewheel = function(ev){
        if(ev.wheelDelta > 0){
            event.num = ++ event.num;
            document.dispatchEvent(event); //发布 事件
        }
    }

 课件：18-12-03 / 18-12-08 / 19-01-04