JavaScript添加、刪除事件的方法_綜合其它特效

JavaScript添加、刪除事件的方法，也就是讓某些方法生效指定次數，可以是一次、兩次或更多次，但指定次數執行完畢后就刪除該方法，使其失效，如果你經常從事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" mrc="text/html; charset=utf-8" />
<title>JavaScript添加、刪除事件的方法</title>
<script type="text/javascript">
var EventUtil=new Object;
EventUtil.addEvent=function(oTarget,sEventType,funName){
    if(oTarget.addEventListener){//for DOM;
  oTarget.addEventListener(sEventType,funName, false);
 }else if(oTarget.attachEvent){
  oTarget.attachEvent("on"+sEventType,funName);
 }else{
  oTarget["on"+sEventType]=funName;
 }
};
EventUtil.removeEvent=function(oTarget,sEventType,funName){
    if(oTarget.removeEventListener){//for DOM;
  oTarget.removeEventListener(sEventType,funName, false);
 }else if(oTarget.detachEvent){
  oTarget.detachEvent("on"+sEventType,funName);
 }else{
  oTarget["on"+sEventType]=null;
 }
};
function removeClick(){
 alert("click");
 var oDiv=document.getElementById("odiv");
 oDiv.style.cursor="auto";
 EventUtil.removeEvent(oDiv,"click",removeClick);
}

addLoadEvent(addClick);
function addClick(){
 var oDiv=document.getElementById("odiv");
 oDiv.style.cursor="pointer";
 EventUtil.addEvent(oDiv,"click",removeClick);
}
</script>
</head>

<body>
<p>第一次點的時候彈出警告，并移除click事件,再點點擊就失效了</p>
<div id="odiv" style="background:#003399; height:70px; width:126px; margin:0 auto; color:skyblue; ">第一次警告，第二次沒反應！</div>
</body>
</html>

所屬頻道：綜合其它特效/更新時間：2013-04-27

[收藏][報錯][返回列表]

相關綜合其它特效：

JavaScript添加、刪除事件的方法_綜合其它特效

綜合其它特效Rss訂閱特效代碼搜索

綜合其它特效推薦

猜你也喜歡看這些