文档章节

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>

 

© 著作权归作者所有

共有 人打赏支持
w
粉丝 0
博文 10
码字总数 3165
作品 0
西安
javaScript事件(二)事件处理程序

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

蜗牛奔跑
2015/06/24
0
0
javaScript事件(三)事件对象

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

蜗牛奔跑
2015/06/24
0
0
javascript中DOM0,DOM2,DOM3级事件模型解析

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

木头先生
2017/11/15
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
第一章 JavaScript简介《JavaScript高级程序设计》

本系列文章是《JavaScript高级程序设计》(第二版) 中文 的缩水版,希望通过对书籍内容的转述,一方面能加深自己对于JavaScript的理解,另一方面也能让其他人学习了解JavaScript这门语言。如有...

walala_Lee
2013/07/04
0
3

没有更多内容

加载失败,请刷新页面

加载更多

下一页

go语言学习总结

一、描述 go语言是直接将源码编译成二进制机器码的语言;它支持面向对象、也支持函数式编程;支持并发很容易; 二、基本语法学习路径 https://studygolang.com/subject/2...

盼望明天
13分钟前
1
0
JSP 九大内置对象及其作用域

JSP 中一共预先定义了 9 个这样的对象,分别为:request、response、session、application、out、pagecontext、config、page、exception ,下面就简单介绍下。 1、request 对象 request 对象...

几个栗子
25分钟前
0
0
Java中的坑之方括号

Java中的坑之方括号 这一段时间,在做项目的时候,发现了一个坑,这个坑说大不大,说小不小,不知道的足够喝一壶,知道的就可以轻松解决。 问题描述 在做数据统计的时候,遇见了如下形式的数...

星汉
35分钟前
1
0
[雪峰磁针石博客]python机器学习、web开发等书籍汇总

Building Machine Learning Systems with Python Third Edition - 2018.pdf 下载地址 Get more from your data by creating practical machine learning systems with Python Key Features ......

python测试开发人工智能安全
46分钟前
1
0
文件的压缩与解压(linux)

Linux下*.tar.gz文件解压缩命令 1.压缩命令:   命令格式:tar -zcvf 压缩后文件名.tar.gz 被压缩文件名 可先切换到当前目录下。压缩文件名和被压缩文件名都可加入路径。 2.解压缩命令: ...

qimh
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部