attachEvent兼容各浏览器事件（DOM2级事件的兼容处理） 博客分类： 教学笔录学生提问笔记随笔JS前端积累 教学笔录学生提问笔记随笔JS前端积累

【前言】

    本文简单介绍下attachEvent兼容各浏览器事件（DOM2级事件的兼容处理）

 

【主体】

    直接上代码：

    <button id="btn">按钮</button>
	<script type="text/javascript">
		window.onload = function(){
			// DOM2事件兼容
			function addEvent(obj,ev,fn){
				//obj为要绑定事件的元素，ev为要绑定的事件，fn为绑定事件的函数
				if(document.addEventListener){
					obj.addEventListener(ev, fn, false);
				}else{
					obj.attachEvent("on" + ev, fn);
				}
			}

			var btn = document.getElementById("btn");
			addEvent(btn,"click",show1);
			addEvent(btn,"click",show2);
			function show1(){alert(1)}
			function show2(){alert(2)}
		}
	</script>

 

 

.