首页 > 代码库 > js监听事件

js监听事件

js监听事件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>监听测试</title></head><body><script type="text/javascript">/* * 添加事件监听函数 * obj        要添加监听的对象或元素 * eventName  事件名 * fun        监听函数的名称 * param      给监听函数传的参数,这里就传了一个参数 */function addEventHandler(obj,eventName,fun){    var fn = fun;       if(obj.attachEvent){        obj.attachEvent(on+eventName,fn);    }else if(obj.addEventListener){        obj.addEventListener(eventName,fn,false);    }else{        obj["on" + eventName] = fn;    }} /* * 删除事件监听函数 * obj        要添加监听的对象或元素 * eventName  事件名 * fun         监听函数的名称 */function removeEventHandler(obj, eventName, fun) {    if (obj.removeEventListener)        obj.removeEventListener(eventName, fun, false);    else if (obj.detachEvent)        obj.detachEvent("on" + eventName, fun);    else delete obj["on" + eventName];}var te1=function (){    alert(hello world)    }function delte1(){    var obj=document.getElementById("test");     removeEventHandler(obj,click,te1);    }        window.onload=function(){    var te=document.getElementById("test");    addEventHandler(te,click,te1);        }    </script><a href="javascript:;" id="test" > 测试监听</a>  <a href="javascript:;" onclick="delte1();"> 删除监听</a></body></html>

 

js监听事件