【前端积累】常用事件的js公用方法
2016-11-09 21:08
323 查看
1 var eventUtil={ 2 // 添加句柄 3 addHandler:function(element,type,handler){ 4 if(element.addEventListener){ 5 element.addEventListener(type,handler,false); 6 }else if(element.attachEvent){ 7 element.attachEvent('on'+type,handler); 8 }else{ 9 element['on'+type]=handler; 10 } 11 }, 12 // 删除句柄 13 removeHandler:function(element,type,handler){ 14 if(element.removeEventListener){ 15 element.removeEventListener(type,handler,false); 16 }else if(element.detachEvent){ 17 element.detachEvent('on'+type,handler); 18 }else{ 19 element['on'+type]=null; 20 } 21 }, 22 getEvent:function(event){ 23 return event?event:window.event; 24 }, 25 getType:function(event){ 26 return event.type; 27 }, 28 getElement:function(event){ 29 return event.target || event.srcElement; 30 }, 31 preventDefault:function(event){ 32 if(event.preventDefault){ 33 event.preventDefault(); 34 }else{ 35 event.returnValue=false; 36 } 37 }, 38 stopPropagation:function(event){ 39 if(event.stopPropagation){ 40 event.stopPropagation(); 41 }else{ 42 event.cancelBubble=true; 43 } 44 } 45 }
相关文章推荐
- 原始JS选择器使用方法和常用事件手册
- JS实现循环给元素绑定事件的几个常用方法
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- JS 之document常用方法属性事件
- web前端,常用js方法封装
- 【前端学习笔记】JQuery事件细节、JQ进阶常用方法
- JS常用方法(获取Class、获取元素样式、事件监听、cookie、ajax等)
- 浅析js绑定事件的常用方法
- 关于js注册事件的常用方法
- js常用方法和事件
- JS常用事件兼容性处理方法
- js小笔记 事件常用方法
- 【前端】JS截取字符串常用方法详细整理
- 前端js 常用积累
- 前端知识点整理之表单输入事件的兼容写法,js常用关键字,获取标签元素的写法
- js常用到的方法积累
- 关于js注册事件的常用方法
- Js、Jquery、EasyUi 前端常用的Js公共方法
- 微信中一些常用的js事件积累
- Web前端教程js-event(事件对象及其属性、方法)