zoukankan      html  css  js  c++  java
  • 高版本浏览器的自定义 事件

    自定义事件的好处:

      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

  • 相关阅读:
    前端 ---- ajax(2)
    前端 ---- ajax(1)
    前端 ---- 博客项目
    Vue 重复进入相同路由消除警报
    axios和message注册全局变量不一样
    element-ui 的input组件 @keyup.enter事件的添加办法
    前端 ----Express
    MyBatis学习一
    SpringMVC学习一
    JVM学习一
  • 原文地址:https://www.cnblogs.com/MrZhujl/p/10085530.html
Copyright © 2011-2022 走看看