标签:
假设我们需要为一个<a id="aEle" href="http://www.baidu.com" />添加点击事件处理函数, 一般情况是这样的:
var aEle = document.getElementById(‘aEle‘); aEle.addEventListener(‘click‘, function(e){ console.log(e.target); e.preventDefault(); });
如果用jquery,我们可以更简单:
$(‘#aEle‘).click(function(e){ console.log(e.target); e.preventDefault(); });
但是上面的两段代码在IE8及以下的IE浏览器版本中却失效。
在IE8及以下IE浏览器中,我们必须用e.srcElement来替代e.target, 没有preventDefault方法,我们只能设置e.returnValue=false来达到相同的目的。下面是一个通用的处理方法:
var aEle = document.getElementById(‘aEle‘); addEventListener(aEle,‘click‘,function(e){ console.log(e); e.preventDefault(); }); function addEventListener(element,event,handler){ if(element.addEventListener){ element.addEventListener(event,handler); }else if(element.attachEvent){ element.attachEvent(‘on‘+event, function(e){ e.preventDefault = function(){ e.returnValue = false; }; handler.call(element, e); }); } }
标签:
原文地址:http://www.cnblogs.com/ywxgod/p/4464393.html