封装 DOM事件 EventUtil对象 跨浏览器兼容
来源:互联网 发布:数据挖掘的是什么数据 编辑:程序博客网 时间:2024/04/29 22:25
/** eventUtil对象 封装了对DOM事件的 一些工具 完全兼容各种浏览器*/var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } }, // 删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } }, //获取事件 getEvent:function(event){ return event?event:window.event; }, //获取事件类型 getType:function(event){ return event.type; }, //获取事件触发的DOM元素 getElement:function(event){ return event.target || event.srcElement; }, //阻止默认行为 例如a标签的href自动跳转功能 preventDefault:function(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }, //阻止事件冒泡 stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } } }
0 0
- 封装 DOM事件 EventUtil对象 跨浏览器兼容
- eventutil 跨浏览器事件对象
- 跨浏览器事件处理 封装EventUtil
- EventUtil 跨浏览器事件处理对象
- DOM事件处理跨浏览器(兼容IE)封装
- 跨浏览器事件处理 EventUtil
- JavaScript跨浏览器事件对象EventUtil(IE中event对象和方法DOM中都有,此处提供两者映射方法)
- DOM事件模型是如何的,编写一个EventUtil工具类实现事件管理兼容
- JS跨浏览器事件工具之:EventUtil完整源码
- 兼容ie的javascript封装EventUtil函数
- javascript基础—事件兼容EventUtil.js
- 浏览器事件对象兼容写法
- DOM和IE跨浏览器的事件对象
- 跨浏览器兼容事件处理
- DOM事件之跨浏览器
- 兼容浏览器的DOM对象自定义属性获取方法
- JavaScript高级程序设计学习笔记--事件(二)(事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象)
- 封装事件监听兼容
- repo的使用
- 商业智能移动BI应用 转型跟上时代趋势
- MIT_线性代数笔记_10_四个基本子空间
- VLAD和MultiVLAD
- hadoop从零开始--linux基础命令篇
- 封装 DOM事件 EventUtil对象 跨浏览器兼容
- 【题目】创建CUSTOMERS表,字段为:ID:(非空,主键)bigint,NAME:(非空)varchar,AGE:int类型;创建ORDERS表,字段为:ID:...
- 从短信中提取短信验证码正则表达式,缺少足够测试
- Dubbo与Zookeeper、SpringMVC整合和使用(负载均衡、容错)
- Quartz学习(转载)
- HTTP POST GET 本质区别详解
- PDF电子签名分析
- js中 数组的操作 push(),pop(),shift(),unshift() 简介
- install hive-2.1.1 in fedora