文档章节

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

w
 wyn5111
发布于 2016/06/23 11:31
字数 139
阅读 8
收藏 0
点赞 0
评论 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事件处理

[toc] 事件:是文档或浏览器窗口中发生的特定的交互瞬间。 1. 事件流 指的是:从页面中接受事件的顺序。分为:事件冒泡流和事件捕获流。 事件冒泡: 事件捕获: 1.1 到底选择哪种 目前来说,...

AsuraDong ⋅ 2017/11/19 ⋅ 0

理解:javascript中DOM0,DOM2,DOM3级事件模型

理解:javascript中DOM0,DOM2,DOM3级事件模型 javascript中的事件 javascript程序使用的是事件驱动的设计模式,为一个元素添加事件监听函数,当这个元素的相应事件被触发那么其添加的事件监听...

mamadu ⋅ 2017/10/13 ⋅ 0

多种DOM事件处理程序分析及跨浏览器的事件解决方案

一.HTML事件处理程序 <input id="btn" type="button" value="按钮" onclick="showMsg()"> 缺点:高耦合,修改事件的时候需要同时修改js和HTML页面 二.DOM0级事件 三.DOM2级事件 浏览器支持...

Simon_ITer ⋅ 2016/10/19 ⋅ 0

javascript事件流

1、事件流 事件冒泡 IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。 事件捕获 ...

Yohance ⋅ 2015/10/29 ⋅ 0

JavaScript---事件绑定方式(传递参数)

事件绑定方式:将对html元素或窗口的操作绑定给响应函数的方式。共四种 Html级别绑定 符合DOM0 级的事件绑定方式 符合DOM2 Html级别绑定 无法设置事件流 符合DOM0 级的事件绑定方式 将响应程...

奋斗的小芋头 ⋅ 2016/12/06 ⋅ 0

多种DOM事件处理程序分析及跨浏览器的事件解决方案

一.HTML事件处理程序 <input id="btn" type="button" value="按钮" onclick="showMsg()"> 缺点:高耦合,修改事件的时候需要同时修改js和HTML页面 二.DOM0级事件 三.DOM2级事件 浏览器支持...

Simon_ITer ⋅ 2016/08/17 ⋅ 0

javaScript事件(二)事件处理程序

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

蜗牛奔跑 ⋅ 2015/06/24 ⋅ 0

【转】编写高性能的JavaScript事件(1)

原文:http://developer.51cto.com/art/201411/457985.htm 如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端...

iNiL0119 ⋅ 2016/09/02 ⋅ 1

JavaScript核心概念归纳整理

原文出处: 熊俊漉 JavaScript语言本身是一个庞大而复杂的知识体系,复杂程度不低于任何一门后端语言,本文针对JavaScript语言的核心概念进行简单的梳理,对应的每个知识点仅仅点到为止,不作...

音乐宇Code ⋅ 05/27 ⋅ 0

javascript中容易忽略的基础(一)

title 引言: 本篇文章主要总结了一些javascript中特别基础的内容,主要涉及到,, , 每次被问到,总是能想起一点,但是也总记不全,所以遇到这种情况的时候,就简单的记录一下. DOM0级事件和DOM2级事...

funnycoderstar ⋅ 2017/11/29 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Android JNI 读写Bitmap的方法

Java层创建Bitmap,通过JNI将Bitmap传到C/C++进行处理 Java部分 public static native boolean greenBitmap(Bitmap bitmap); C/C++部分 JNIEXPORT jboolean JNICALL Java_com_test_Test_gree......

国仔饼 ⋅ 20分钟前 ⋅ 0

一次性让你懂async/await,解决回调地狱

什么是async? 欢迎留言讨论 async 函数是 Generator 函数的语法糖。使用 关键字 async 来表示,在函数内部使用 await 来表示异步。相较于 Generator,async 函数的改进在于下面四点: 内置执...

阿K1225 ⋅ 20分钟前 ⋅ 0

angular常用命令

.下载更新操作 1.利用npm下载angular的命令行工具AngularCLI: npm install -g @angular/cli 2.下载jquery: npm install --save jquery 3.更新npm: npm i -g npm 4.更新angular: ng update ......

消散了的诗意 ⋅ 23分钟前 ⋅ 0

window.print 页面打印

定义和用法 print() 方法用于打印当前窗口的内容。 语法 window.print(); window.print() 实际上,是浏览器打印功能菜单的一种程序调用。与点击打印功能菜单一样,不能精确分页,不能设置纸型...

初学者的优化 ⋅ 23分钟前 ⋅ 0

魔兽世界 7.0版本上 PVE装备全攻略

  T套 因为大家应该都会打穿副本的所以具体是哪个boss我就不说了。   T1: 所有套装都在【熔火之心】出   T2: 头原来是在【奥妮克希亚的巢穴】改到黑翼之巢的奈法利安了,腿是在【熔火之...

wangchen1999 ⋅ 24分钟前 ⋅ 0

java.math.BigDecimal使用小结

原文地址 java.math.BigDecimal使用小结 divide方法 使用BigDecimal.divide方法时一定要考虑: 除数是否为0 商是否是无限小数 正确的使用方式 判断除数是否为0,是0做另外的处理逻辑 调用除法...

666B ⋅ 27分钟前 ⋅ 0

关于qstring转char乱码问题。

if (OpenClipboard(NULL)) { HGLOBAL hgClip; EmptyClipboard(); QByteArray byay = FValue.toLocal8Bit(); //转latin编码 char *bochsrc_line = byay.data(); hgClip = GlobalAlloc(GMEM_DD......

backtrackx ⋅ 27分钟前 ⋅ 0

了解SSH加密和连接过程

介绍 SSH或安全shell是安全协议,也是安全管理远程服务器的最常用方式。通过使用多种加密技术,SSH提供了一种机制,用于在双方之间建立加密安全连接,对彼此进行身份验证,以及来回传递命令和...

吴伟祥 ⋅ 33分钟前 ⋅ 0

微信小程序

小程序的全局配置app.json 微信小程序的全局配置保存在app.json文件中。开发者通过使用app.json来配置页面文件(pages)的路径、窗口(window)表现、设定网络超时时间值(networkTimeout)以...

上官清偌 ⋅ 36分钟前 ⋅ 0

【转】百度坐标坐标系之间的转换(JS版代码)

/** * Created by Wandergis on 2015/7/8. * 提供了百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换 *///定义一些常量var x_PI = 3.1415926535897932...

HAVENT ⋅ 38分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部