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 相关文章推荐
JavaScript 创建对象和构造类实现代码
Jul 30 Javascript
onmouseover和onmouseout的一些问题思考
Aug 14 Javascript
自己编写的类似JS的trim方法
Oct 09 Javascript
浅析JS操作DOM的一些常用方法
May 13 Javascript
微信小程序开发之Tabbar实例详解
Jan 09 Javascript
JS获得一个对象的所有属性和方法实例
Feb 21 Javascript
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
浅谈从React渲染流程分析Diff算法
Sep 08 Javascript
vue打包之后生成一个配置文件修改接口的方法
Dec 09 Javascript
JavaScript实现小球沿正弦曲线运动
Sep 07 Javascript
Vue实现随机验证码功能
Dec 29 Vue.js
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中将数组存到文件里的实现代码
2012/01/19 PHP
php获取文件名后缀常用方法小结
2015/02/24 PHP
php实现遍历文件夹的方法汇总
2017/03/02 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
JMenuTab简单使用说明
2008/03/13 Javascript
JQuery中如何传递参数如click(),change()等具体实现
2013/04/28 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
浅析JavaScript中的隐式类型转换
2013/12/05 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
2015/09/16 Javascript
清除浏览器缓存的几种方法总结(必看)
2016/12/09 Javascript
Vue 页面跳转不用router-link的实现代码
2018/04/12 Javascript
Javasript设计模式之链式调用详解
2018/04/26 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
2018/09/20 Javascript
React 父子组件通信的实现方法
2019/12/05 Javascript
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
Python语言描述连续子数组的最大和
2018/01/04 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
浅谈python函数调用返回两个或多个变量的方法
2019/01/23 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
Python如何使用argparse模块处理命令行参数
2019/12/11 Python
python 安装教程之Pycharm安装及配置字体主题,换行,自动更新
2020/03/13 Python
详解Python中的路径问题
2020/09/02 Python
静态变量和实例变量的区别
2015/07/07 面试题
毕业求职自荐信格式是什么
2013/11/19 职场文书
餐厅采购员岗位职责
2014/03/06 职场文书
初中学校军训方案
2014/05/09 职场文书
好人好事演讲稿
2014/09/01 职场文书
综合素质评价自我评价
2015/03/06 职场文书
结婚堵门保证书
2015/05/08 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书
OpenCV-Python实现油画效果的实例
2021/06/08 Python
Nginx配置文件详解以及优化建议指南
2021/09/15 Servers