JS在IE和FF下attachEvent,addEventListener学习笔记


Posted in Javascript onNovember 26, 2009

对象名.addEventListener("事件名(不带ON)",函数名,true/false);(FF下)
对象名.attachEvent("事件名",函数名);(IE下)
说明:

事件名称,要注意的是"onclick"要改为"click","onblur"要改为"blur",也就是说事件名不要带"on"。
函数名,记住不要跟括号最后一个参数是个布尔值,表示该事件的响应顺序,下面重点介绍一下addEventListener的第3个参数(useCapture)。 userCapture若为true,则浏览器采用Capture,若为false则采用bubbing方式。建议用false,看个例子吧。
html代码
<div id="div_test"> <input type="button" id="btn_test" value="se4.cn技术基地" /> </div>
js代码

window.onload=function(){ document.getElementById("div_test").addEventListener("click",test1,false); document.getElementById("btn_test").addEventListener("click",test2,false); } function test1(){ alert("外层div触发") } function test2(){ alert("内层input触发") }

自己体验一下,如果userCapture是true则test1先触发,如果userCapture是false则test2先触发。

下面来说一下,attachEvent
这个没啥好说的,相信大家也都用的挺熟的,主要是传参那块,等我用到 再说吧,哈哈哈

示例:
创建绑定方法:

if (typeof document.addEventListener != "undefined") { 
document.addEventListener("mousedown",_lhlclick,true); 
} else { 
document.attachEvent("onmousedown",_lhlclick); 
}

删除事件:
if (typeof document.addEventListener != "undefined") { 
document.removeEventListener("mousedown",_lhlclick,true); 
} else { 
document.detachEvent("onmousedown",_lhlclick); 
}
Javascript 相关文章推荐
JQERY limittext 插件0.2版(长内容限制显示)
Aug 27 Javascript
获取客户端网卡MAC地址和IP地址实现JS代码
Mar 17 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
教你如何终止JQUERY的$.AJAX请求
Feb 23 Javascript
实例解析jQuery中proxy()函数的用法
May 24 Javascript
Node.js DES加密的简单实现
Jul 07 Javascript
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
React Native中TabBarIOS的简单使用方法示例
Oct 13 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
Oct 25 Javascript
vue系列之requireJs中引入vue-router的方法
Jul 18 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
Nov 06 Javascript
JS小框架 fly javascript framework
Nov 26 #Javascript
jquery.ui.progressbar 中文文档
Nov 26 #Javascript
javascript 面向对象继承
Nov 26 #Javascript
javascript 获取元素位置的快速方法 getBoundingClientRect()
Nov 26 #Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
Nov 26 #Javascript
Ext grid 添加右击菜单
Nov 26 #Javascript
JS 判断undefined的实现代码
Nov 26 #Javascript
You might like
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
php metaphone()函数的定义和用法
2016/05/15 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
PHP内置函数生成随机数实例
2019/01/18 PHP
通过Javascript将数据导出到外部Excel文档的函数代码
2012/06/15 Javascript
iframe的父子窗口之间的对象相互调用基本用法
2013/09/03 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
跟我学习javascript的prototype,getPrototypeOf和__proto__
2015/11/17 Javascript
JavaScript数组去重的两种方法推荐
2016/04/05 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
JS实现简单拖拽效果
2017/06/21 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
[01:07:21]NAVI vs VG Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
[01:00] DOTA2英雄背景故事第五期之重力引力法则谜团
2020/07/16 DOTA
Python中转换角度为弧度的radians()方法
2015/05/18 Python
Python实现约瑟夫环问题的方法
2016/05/03 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
django 信号调度机制详解
2019/07/19 Python
python如何实现读取并显示图片(不需要图形界面)
2020/07/08 Python
使用CSS实现阅读进度条
2017/02/27 HTML / CSS
6种非常炫酷的CSS3按钮边框动画特效
2016/03/16 HTML / CSS
运动会通讯稿300字
2014/02/02 职场文书
应聘文员自荐信范文
2014/03/11 职场文书
施工安全承诺书
2014/05/22 职场文书
励志演讲稿200字
2014/08/21 职场文书
六年级学生期末评语
2014/12/26 职场文书
写给老师的保证书
2015/05/09 职场文书
感动中国何玥观后感
2015/06/02 职场文书
寻找成龙观后感
2015/06/12 职场文书
新学期开学寄语2016
2015/12/04 职场文书
opencv读取视频并保存图像的方法
2021/06/04 Python
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android
如何解决php-fpm启动不了问题
2021/11/17 PHP
Golang 结构体数据集合
2022/04/22 Golang
Linux中sftp常用命令整理
2022/06/28 Servers