zoukankan      html  css  js  c++  java
  • 仅IE6/7/8中添加同一个事件handler多次触发后会执行多次

    如下

    <div id="d1" style="200px;height:200px;background:gold;"></div>
    <script>
    	function addEvent(el, type, fn){
    		if(el.addEventListener){
    			el.addEventListener(type, fn, false);
    		}else if(el.attachEvent){
    			el.attachEvent('on'+type, fn);
    		}
    	}
    	function handler(){
    		alert("hello");
    	}
    	var el = document.getElementById('d1');
    	addEvent(el, 'click', handler);
    	addEvent(el, 'click', handler);
    </script>
    

    点击黄色背景div

    IE6/7/8 :弹出2次hello

    IE9/Firefox/Safari/Chrome/Opera :弹1次hello

    需要注意的是IE9,它支持标准的addEventListener添加事件,但同时仍然保留了之前IE专有的attachEvent。即IE9中也可以使用attachEvent添加事件。即使如此,使用attachEvent添加事件,在IE9中对于同一个事件handler添加多次,仍然只执行一次。如下

    <div id="d1" style="200px;height:200px;background:gold;"></div>
    <script>
    	function handler(){
    		alert('hello');
    	}
    	var el = document.getElementById('d1');
    	el.attachEvent('onclick', handler);
    	el.attachEvent('onclick', handler);
    </script>
    

    如果你正在使用IE6/7/8浏览本文,点击试试

     
  • 相关阅读:
    json数据读取后自动进行模板生成
    json数据排序
    fastjson json数据处理
    xml数据转Json
    jackson-dataformat-xml xml转json
    jar工具打包
    工具操作
    IBM MQ
    RabbitMq
    Excel4J
  • 原文地址:https://www.cnblogs.com/snandy/p/2008983.html
Copyright © 2011-2022 走看看