码迷,mamicode.com
首页 > 其他好文 > 详细

通用addEventListener方法

时间:2015-04-29 00:38:46      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

假设我们需要为一个<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);
		});
	}
}

 

通用addEventListener方法

标签:

原文地址:http://www.cnblogs.com/ywxgod/p/4464393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!