接口测试 比特微 Opencv 希腊字母 阿里云 codeigniter canvas terminal 抖音 drupal7 GMU Select2 八大员 vue教学视频 hadoop源码 matlab中log函数 python环境 python中len函数 python输出中文 java的集合框架 java目录 linux系统安装 linux安装教程 战地女记者 刷机工具下载 gilisoft 超星网课助手 git命令 什么模拟器最好 gunzip 小洛快跑 python电子书 小米8游戏模式 oracle表分区 s10截屏 屏幕录像专家注册机 deallocate 淘宝店铺采集 ftp客户端软件 ipad怎么清理内存垃圾
当前位置: 首页 > 学习教程  > 编程语言

js自定义事件

2020/7/24 9:31:45 文章标签:

三要素: document.createEvent() event.initEvent() element.dispatchEvent()

// (en:自定义事件名称,fn:事件处理函数,addEvent:为DOM元素添加自定义事件,triggerEvent:触发自定义事件)
window.onload = function(){
    var demo = document.getElementById("demo");
    demo.addEvent("test",function(){console.log("handler1")});
    demo.addEvent("test",function(){console.log("handler2")});
    demo.onclick = function(){
        this.triggerEvent("test");
    }
}
Element.prototype.addEvent = function(en,fn){
    this.pools = this.pools || {};
    if(en in this.pools){
        this.pools[en].push(fn);
    }else{
        this.pools[en] = [];
        this.pools[en].push(fn);
    }
}
Element.prototype.triggerEvent  = function(en){
    if(en in this.pools){
        var fns = this.pools[en];
        for(var i=0,il=fns.length;i<il;i++){
            fns[i]();
        }
    }else{
        return;
    }
}


本文链接: http://www.dtmao.cc/news_show_50110.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?