<div id="box">123</div>
<script type="text/javascript">
//获得此元素
var box = document.getElementById("box");
/*
* 函数名:clickFn
* 功能:一个普通的函数,实现打印功能
*/
function clickFn(){
console.log( box.innerHTML );
}
//事件监听函数
/*
* 函数名: addEvent( obj,type,fn,capture)
* 参数
* obj: 目标元素
* type: 事件类型
* fn: 回调函数
* capture 是否异步
* 功能:主要实现事件监听
*/
function addEvent( obj,type,fn,capture ){
//console.log("aa");
if(obj.addEventListener){
obj.addEventListener("click",clickFn,true);
}else{
obj.attachEvent("click",clickFn,true);
}
}
//添加事件
addEvent(box,"click",clickFn,true);
//移除事件
/*
* 函数名:removeEvent( obj,type,fn,capture )
* 参数:
* obj 目标元素
* type 事件类型
* fn 指定事件触发调用的函数
* capture 是否同步
*/
function removeEvent( obj,type,fn,capture ){
if( obj.removeEventListener ){
obj.removeEventListener(type,clickFn,true);
}else{
obj.detachEvent("on"+ type,clickFn,true);
}
}
removeEvent(box,"click",clickFn,true);
</script>
事件监听函数
最新推荐文章于 2024-07-09 09:52:47 发布