zoukankan      html  css  js  c++  java
  • js 事件之 createEvent、dispatchEvent

    //document上绑定自定义事件ondataavailable
    document.addEventListener('customevent', function(event) {
        alert(event.eventType);
    }, false);
     
    var obj = document.getElementById("obj");
    //obj元素上绑定click事件
    obj.addEventListener('click', function(event) {
        alert(event.eventType);
    }, false);
     
    //调用document对象的 createEvent 方法得到一个event的对象实例。
    var event = document.createEvent('HTMLEvents');
     
    // initEvent接受3个参数:
    // 事件类型,是否冒泡,是否阻止浏览器的默认行为
    event.initEvent("customevent", true, true);
    event.eventType = 'message';
     
    //触发document上绑定的自定义事件ondataavailable
    document.dispatchEvent(event);
    
    var event1 = document.createEvent('HTMLEvents');
    event1.initEvent("click", true, true);
    event1.eventType = 'message';
     
    //触发obj元素上绑定click事件
    document.getElementById("test").onclick = function() {
        obj.dispatchEvent(event1);
    };
  • 相关阅读:
    小程序生命周期
    async/await实现图片的串行、并行加载
    移动应用区别
    小程序组件
    secureCRT
    LInux
    java实现八大排序算法
    求出所有排列 去重全排列 回溯算法
    二分法基本思想
    异常
  • 原文地址:https://www.cnblogs.com/rsky/p/4809759.html
Copyright © 2011-2022 走看看