关于javascript:js-自定义事件

4次阅读

共计 576 个字符，预计需要花费 2 分钟才能阅读完成。

三种自定义事件形式

  
        var event = new Event('myEvent');
        document.addEventListener("myEvent", function (e) {console.log(e);
        })
        document.dispatchEvent(event);

           var event = new CustomEvent('myEvent', { 'dataName': "ss"});
        document.addEventListener("myEvent", function (e) {console.log(e);
        })
        document.dispatchEvent(event);


        document.body.addEventListener("veb", function (e) {alert(e.eventType)
        })
        var event = document.createEvent('HTMLEvents');
        // initEvent 承受 3 个参数：// 事件类型，是否冒泡，是否阻止浏览器的默认行为
        event.initEvent("veb", false, true);
        // 通过 eventType 传递事件信息
        event.eventType = "I love Veblen"
        // 触发 document 上绑定的 click 事件
        document.body.dispatchEvent(event);

正文完