JS在IE和FF下attachEvent,addEventListener学习笔记
2009-11-26 01:15
711 查看
对象名.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);
}
对象名.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 的addEventListener()及attachEvent()区别分析
- addEventListener 的用法示例介绍
- window.addEventListener来解决让一个js事件执行多个函数
- document.addEventListener使用介绍
- 事件绑定之小测试 onclick && addEventListener
- javascript attachEvent和addEventListener使用方法
- 详解addEventListener的三个参数之useCapture
- addEventListener()第三个参数useCapture (Boolean)详细解析
- 讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
- addEventListener()与removeEventListener()解析
相关文章推荐
- JS:attachEvent和addEventListener 使用方法(ff和ie)
- js中addEventListener、attachEvent、removeEventListener、detachEvent在IE以及FF不同的用法
- JS在IE和FF下attachEvent,addEventListener学习笔记
- [z]JS在IE和FF下attachEvent,addEventListener学习笔记
- 关于JS在IE和FF下attachEvent,addEventListener学习笔记
- js监听事件方法addEventListener()兼容非IE和attachEvent()兼容IE
- js attachEvent 判断 ie
- js Event 在ie与FF的兼容性
- js 添加事件 attachEvent(IE) 和 addEventListener(W3C) 的用法
- js之event对象获取在FF和IE下的区别
- attachEvent(IE)与addEventListener(FF)
- js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
- js 添加到收藏夹, 函数 AddFavorite(兼容IE,FF,OP)
- js 打印DIV内容 print div 兼容IE FF Google等主流浏览器
- JS从样式表取值的函数currentStyle(IE),defaultView(FF)
- JS事件绑定addEventListener 和 attachEvent
- 兼容IE和FF的js脚本做法(比较常用)[问题点数:20分]
- js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
- JS:attachEvent和addEventListener 使用方法