文档章节

js实现跨浏览器解决dom0 dom2事件

w
 wyn5111
发布于 2016/06/23 11:31
字数 139
阅读 9
收藏 0

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
    <div id="box">
        <button id="btn">IE时间处理程序</button>
    </div>
    
    <script>
        function msg(){
                //var value = this.value;
                alert("123");
            }
        var btn = document.getElementById("btn");
        //btn.attachEvent("onclick",msg);
        //btn.detachEvent("onclick",msg);
        
        var eventUtil={
                //添加时间
                addHandler: function(element,type,handler){
                        if(element.addEventListener){
                            element.addEventListener(type,handler,false);
                        }else if(element.attachEvent){
                            element.attachEvent("on"+type,handler);
                        }else{
                            element["on"+type] = handler;
                        }
                    }
                //删除句柄
                removeHandler: function(element,type,handler){
                        if(element.removeEventListener){
                            element.removeEventListener(type,handler,false);
                        }else if(element.detachEvent){
                            element.detachEvent("on"+type,handler);
                        }else{
                            element["on"+type] = handler;
                        }
                    }
            }
        eventUtil.addHandler(btn,"click",msg);
    </script>
</body>
</html>

 

© 著作权归作者所有

共有 人打赏支持
下一篇: myeclipse10.0破解
w
粉丝 0
博文 10
码字总数 3165
作品 0
西安
私信 提问
javaScript事件(二)事件处理程序

javaScript事件(二)事件处理程序 一、事件 二、事件流 以上内容见:javaScript事件(一)事件流 三、事件处理程序 前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouse...

蜗牛奔跑
2015/06/24
0
0
温故js系列(10)-事件event

前端学习:教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总 欢迎提issues斧正:Event JavaScript-事件event JavaScript中,事件一般是指浏览器和用户操...

xzavier
08/27
0
0
javascript中DOM0,DOM2,DOM3级事件模型解析

DOM 即 文档对象模型。 文档对象模型是一种与编程语言及平台无关的API(Application programming Interface)借助于它程序能够动态地访问和修改文档内容、结构或显示样式。 DOM3级顾名思义有三...

木头先生
2017/11/15
0
0
javaScript事件(三)事件对象

javaScript事件(三)事件对象 一、事件 二、事件流 以上内容见:javaScript事件(一)事件流 三、事件处理程序 四、IE事件处理程序 以上内容见javaScript事件(二)事件处理程序 五、事件对...

蜗牛奔跑
2015/06/24
0
0
JS-DOM2级事件对象跨浏览器处理(已封装)

2 //添加事件 3 addHander: function(element, type, handler) { 4 if(element.addEventListener) { 5 element.addEventListener(type, handler, false); 6 } else if(element.attachEvent) ......

鋒o丫头
2016/09/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

python机器学习及实践学习笔记1-如何打开ipynb后缀文件

python机器学习及实践学习笔记1-如何打开ipynb后缀文件 2017年02月22日 14:58:08 hustzhoutian 阅读数:45365更多 个人分类: 深度学习 需要安装ipython notebook,如果你已经安装Anaconda软...

linjin200
2分钟前
0
0
关于在vim中的查找和替换

1,查找 在normal模式下按下/即可进入查找模式,输入要查找的字符串并按下回车。 Vim会跳转到第一个匹配。按下n查找下一个,按下N查找上一个。 Vim查找支持正则表达式,例如/vim$匹配行尾的"...

休辞醉倒
7分钟前
0
0
in_array的坑

PHP in_array的坑 ps: 应该是弱类型语言的坑 php文档 顾名思义,in_array就是查找一个值是否在数组里面。 问题 事故现场 一个sql注入的测试代码如下: $type = $_GET['type'];$types = [2,3,...

o0无忧亦无怖
7分钟前
11
1
Yarn(包管理器) 的基本用法

Yarn是一个快速、可靠、安全的依赖管理工具,是npm的代替品。 Yarn对你的代码来说是一个包管理工具,你可以通过它使用全世界开发者的代码,或者分享自己的代码。 安装Yarn: 操作系统不同,安...

帝子兮
8分钟前
0
0
阿里云HBase全新发布X-Pack NoSQL数据库再上新台阶

一、八年双十一,造就国内最大最专业HBase技术团队 阿里巴巴集团早在2010开始研究并把HBase投入生产环境使用,从最初的淘宝历史交易记录,到蚂蚁安全风控数据存储。持续8年的投入,历经8年双...

阿里云官方博客
8分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部