第一:简单的通用方法(IE && FF)
window.onload = function(){ var oDiv = document.getElementById("J_myDiv"); //找到对象 oDiv.onclick = function(){ //设置事件监听函数 alert("click"); } }
缺点:1.添加单一事件
2.不能删除事件
第二:IE中监听函数
var oDiv; function fnClick(){ alert("click me"); oDiv.detachEvent("onclick",fnClick);//删除监听函数 } window.onload = function(){ oDiv = document.getElementById("J_myDiv");//找到对象 oDiv.attachEvent("onclick",fnClick); //添加监听函数
第三:标准DOM监听函数
var oDiv; function fnClick1(){ alert("click1"); // oDiv.removeEventListener("click",fnClick2,false); //删除监听函数2 } function fnClick2(){ alert("click2"); } window.onload = function(){ oDiv = document.getElementById("J_myDiv"); //找到对象 oDiv.addEventListener("click",fnClick1,false); //添加监听函数1 oDiv.addEventListener("click",fnClick2,false); //添加监听函数2 }