首页 > 代码库 > js中的addEventListener
js中的addEventListener
JS:attachEvent和addEventListener 使用方法
addEventListener方法 用于 Mozilla系列
举例:
document.getElementByIdx_x("btn").onclick = method1;document.getElementByIdx_x("btn").onclick = method2;document.getElementByIdx_x("btn").onclick = method3;写成这样：
var btn1Obj = document.getElementByIdx_x("btn1"); //object.attachEvent(event,function);btn1Obj.attachEvent("onclick",method1);btn1Obj.attachEvent("onclick",method2);btn1Obj.attachEvent("onclick",method3);如果是Mozilla系列，并不支持该方法，需要用到addEventListener
var btn1Obj = document.getElementByIdx_x("btn1");//element.addEventListener(type,listener,useCapture);btn1Obj.addEventListener("click",method1,false);btn1Obj.addEventListener("click",method2,false);btn1Obj.addEventListener("click",method3,false);使用实例：
1。 var el = EDITFORM_DOCUMENT.body; //先取得对象，EDITFORM_DOCUMENT实为一个iframe
if (el.addEventListener){
el.addEventListener(‘click‘, KindDisableMenu, false);} else if (el.attachEvent){ el.attachEvent(‘onclick‘, KindDisableMenu);
}2。 if (window.addEventListener) { window.addEventListener(‘load‘, _uCO, false);} else if (window.attachEvent) { window.attachEvent(‘onload‘, _uCO);}代码
①
//js中addachEvent,addEventListener的使用方法
//非IE浏览器的动态添加,注销事件的方法
el.addEventListener(‘click‘, msg, false);//添加
el.removeEventListener(‘click‘, msg, false);//注销
//IE中动态添加事件的方法
el.attachEvent(‘onclick‘,msg);//添加
el.detachEvent(‘onclick‘,msg);//注销
例:
<body>
<input id="123" type="text" id="test" value="http://www.mamicode.com/点击" />
<input id="Button1" type="button" onclick="ok()" value="http://www.mamicode.com/删除动态添加的事件" />
<script>
var el = document.getElementById("123"); //先取得对象
alert("el.addEventListener=="+el.addEventListener);//提示
alert("el.attachEvent=="+el.attachEvent);
if (el.addEventListener) //用于 Mozilla系列
{
el.addEventListener(‘click‘, msg, false);
}
else if (el.attachEvent) //非Mozilla系列(IE)
{
el.attachEvent(‘onclick‘, msg);
}
if (window.addEventListener) //
{
window.addEventListener(‘load‘,msg, false);
}
else if (window.attachEvent)
{
window.attachEvent(‘onload‘, msg);
}
function msg()
{
alert("我是动态添加的");
}
function ok()
{
if (el.removeEventListener) //用于 Mozilla系列
{
el.removeEventListener(‘click‘, msg, false);
}
else if (el.detachEvent) //IE中动态添加事件的方法
{
el.detachEvent(‘onclick‘, msg);
}
}
</script>
</body>
js中的addEventListener