繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS在IE和FF下attachEvent,addEventListener学习笔记
- Javascript
- 11款基于Javascript的文件管理器
- 5款Javascript颜色选择器
- JavaScript 对话框和状态栏使用说明
- 状态栏 时间显示效果 数字钟
- 在图片上单击获取图片原始大小
- 禁止在图片上使用右键
- javascript 操作Word和Excel的实现代码
- 几个javascript操作word的参考代码
- innerhtml用法 innertext用法 以及innerHTML与innertext的区别
- 解决表单中第一个非隐藏的元素获得焦点的一个方案
- 解决jquery .ajax 在IE下卡死问题的解决方法
- javascript 实现划词标记划词搜索功能
- 用Greasemonkey 脚本收藏网站会员信息到本地
- javascript 关于# 和 void的区别分析
- DIV+CSS+JS 变灰弹出层
- Ajax+Json 级联菜单实现代码
- javascript 读取XML数据，在页面中展现、编辑、保存的实现
- html 锁定页面(js遮罩层弹出div效果)
- 基于jQuery的日期选择控件
- javascript获得CheckBoxList选中的数量
Javascript 中的 JS在IE和FF下attachEvent,addEventListener学习笔记
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 388 ::
收藏到网摘: n/a
今天小弄了一下JS事件，主要说一下FF和IE兼容的问题 对象名.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);
}
评论 (0) All
