首页 > 代码库 > 基本event封装:阻止冒泡、默认事件等
基本event封装:阻止冒泡、默认事件等
<!DOCTYPE html><html><head> <meta charset="UTF-8"></head> <body> <div id="box"> <input type="button" value="http://www.mamicode.com/按钮3" id="btn3"> <a href="http://www.sogou.com/sie?hdq=AQxRG-7004&query=addEventListener%20of%20undefined&p=99350103&oq=&ri=-2" id="go">跳转</a> </div> <script type="text/javascript"> var btn3 = document.getElementById(‘btn3‘); var box = document.getElementById(‘box‘); var id = document.getElementById(‘id‘); function showMes(event) { event = event || window.event; //在IE8之前要用的是window.event; var ele = event.target || event.srcElement; //在IE8之前用的不是target而是srcElement alert(ele.nodeName); event.stopPropagation(); } function showM() { alert("RGE"); } function stopGo(event) { event.stopPropagation(); event.preventDefault(); }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; }, //获取时间来自哪个元素 getElement: function(event) { return event.target || event.srcElement; }, //阻止取消事件的默认行为 preventDefault:function(event) { if(event.preventDefault) { event.preventDefault(); } else { event.returnValue = http://www.mamicode.com/false;>
基本event封装:阻止冒泡、默认事件等
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。