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 相关文章推荐
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
javascript检测浏览器的缩放状态实现代码
Sep 28 Javascript
jQuery使用fadein方法实现渐出效果实例
Mar 27 Javascript
jQuery实现类似老虎机滚动抽奖效果
Aug 06 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
JS读写CSS样式的方法汇总
Aug 16 Javascript
JS简单测试循环运行时间的方法
Sep 04 Javascript
jQuery旋转插件jqueryrotate用法详解
Oct 13 Javascript
bootstrap实现的自适应页面简单应用示例
Mar 09 Javascript
微信小程序 转发功能的实现
Aug 04 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
jQuery 查找元素操作实例小结
Oct 02 jQuery
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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
php获得文件扩展名三法
2006/11/25 PHP
PHP 图片上传实现代码 带详细注释
2010/04/29 PHP
php备份数据库类分享
2015/04/14 PHP
Laravel 批量更新多条数据的示例
2017/11/27 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
javascript点击按钮实现隐藏显示切换效果
2016/02/03 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
使用Angular.js实现简单的购物车功能
2016/11/21 Javascript
微信小程序 密码输入(源码下载)
2017/06/27 Javascript
vue resource post请求时遇到的坑
2017/10/19 Javascript
微信小程序tabBar用法实例详解
2017/12/04 Javascript
jQuery实现动态显示select下拉列表数据的方法
2018/02/05 jQuery
angularjs手动识别字符串中的换行符方法
2018/10/02 Javascript
vue实例的选项总结
2020/06/09 Javascript
vue proxy 的优势与使用场景实现
2020/06/15 Javascript
JavaScript事件委托实现原理及优点进行
2020/08/29 Javascript
python字符串排序方法
2014/08/29 Python
老生常谈python的私有公有属性(必看篇)
2017/06/09 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
python中is与双等于号“==”的区别示例详解
2017/11/21 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
详解css3中 text-fill-color属性
2019/07/08 HTML / CSS
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
思想专业自荐信范文
2013/12/25 职场文书
工商治理实习生的自我评价
2014/01/15 职场文书
期末学生评语大全
2014/04/24 职场文书
2014年党员评议表自我评价
2014/09/27 职场文书
纪委书记群众路线整改措施思想汇报
2014/10/09 职场文书
标准离婚协议书范文下载
2014/11/30 职场文书
2014年班主任德育工作总结
2014/12/05 职场文书
2015年保险公司个人工作总结
2015/05/22 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers