zoukankan      html  css  js  c++  java
  • 通用addEventListener方法

    假设我们需要为一个<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);
    		});
    	}
    }
    
  • 相关阅读:
    js简单排序
    js希尔排序
    js直接插入排序
    大数运算
    IOC和AOP的理解 (持续更新)
    频发事件的缓存技巧
    执行上下文深入解析(Execution Context)
    二分
    HDU 3790 最短路径问题 (双重权值)
    浅谈Targan算法
  • 原文地址:https://www.cnblogs.com/ywxgod/p/4464393.html
Copyright © 2011-2022 走看看