跨浏览器的事件处理程序
来源:互联网 发布:超星数字图书软件 编辑:程序博客网 时间:2024/04/29 05:57
var eventUtil = {//定义一个对象addEventHandler:function(element,type,handler){//handler是触发时的操作,即function,传参数时,function不用加括号。if(element.addEventListener){//支持dom2级element.addEventListener(type,handler,false);}else if(element.attachEvent){//支持ieelement.attachEvent(‘on’+type,handler);}else{element[‘on’+type]=handler;//这里不用.的原因是因为.不能连接一个变量跟一个字符串,事实上任何.的都可以用中括号表示}},removeEventHander:function(element,type,hander){if(element.removeEventListener){//不要加括号,检测它是否有这个属性element.removeEventListener(type,hander,false);//这里才需要加括号}else if(element.detachEvent){element.detachEvent(‘on’+type,hander);}else{element[‘on’+type]=null;}}}
事件对象:在触发dom事件的同时,都会产生一个event对象。
dom中的事件对象:event
1、type属性用于获取事件类型
2、target属性用于获取事件目标
事件冒泡:假如你触发了子元素的一个事件,浏览器会默认你也触发了此子元素的父元素的事件。
3、阻止事件冒泡的方法:event.stopPropagation(),放在子元素的handler里面。
4、preventDefault()方法阻止事件的默认行为。例如a标签的默认行为就是跳转。
ie中的事件对象:window.event
1、type属性,用于获取事件类型
2、srcElement属性,用于获取事件目标
3、cancelBubble用于阻止事件冒泡
4、returnValue用于阻止事件的默认行为
2 0
- 事件处理程序和跨浏览器的事件处理程序
- 跨浏览器的事件处理程序
- 跨浏览器的事件处理程序
- 跨浏览器的事件处理程序感悟
- 跨浏览器的事件处理程序
- 跨兼容浏览器的事件处理程序
- 跨浏览器的事件处理程序
- 跨浏览器的事件处理程序
- js跨浏览器的事件处理程序
- 跨浏览器的事件处理程序
- 跨浏览器的事件处理程序
- 跨浏览器事件处理程序
- 跨浏览器事件处理程序
- 跨浏览器的事件处理程序//IE、chrome
- Javascript之跨浏览器的事件处理程序
- 原生JS实现跨浏览器的事件处理程序
- 整理个跨浏览器的事件处理程序
- 关于对跨浏览器实现的事件处理程序
- Hadoop的安全/权限管理
- 基于Spirng的Shiro安全框架与CAS SSO的集成
- Jedis分片连接池(分布式)
- CF 7C Line(拓展欧几里得求线性方程)
- akari.c
- 跨浏览器的事件处理程序
- sed 流编辑器
- Qt中的QString和QByteArray
- Andorid5.0 bind service 异常和fail原因分析及解决办法
- jdk,jre,jvm的区别
- java中查看一个方法的调用来源
- java泛型
- 不同场景下JVM参数的配置方式
- COM组件中的 IUnknown接口(1)