如果对象的事件里已有多个函数,如何再动态添加函数和删除指定的函数

是不是下面的效果呢?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="zourinet">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
<!--
#div1{
background-color: red;
width:100px;
height:100px;}
-->
</style>
</HEAD><BODY>
<form method="post" action="">
<div id="div1"></div>
</form>
<script language="JavaScript">
/* <![CDATA[ */
var fnClick = function() {
              alert("Clicked!");
       }
       var oDiv = document.getElementById("div1");
   //增加事件
       oDiv.attachEvent("onclick", fnClick); 
   //移除事件
       oDiv.detachEvent("onclick", fnClick);
   /*
    在W3C新的事件模型框架中，IE和Mozilla都实现了相应的版本，IE的是attachEvent和detachEvent来实现元素事件的添加和删除，而Mozilla则是标准的addEventListener和 removeEventListener。    */
/* ]]> */
</script>
</BODY>
</HTML>

解决方案 »

  1.   

    /*    下面为兼容函数*/
       EventUtil.addEventHandler = function() {
            if (oTarget.addEventListener) { //对DOM兼容的浏览器
           oTarget.addEventListener(sEventType, fnHandler, false);
    } else if (oTarget.attachEvent) { //对IE
           oTarget.attachEvent("on" + sEventType, fnHandler);
    } else {
           oTarget["on" + sEventType] = fnHandler;
    }
    }EventUtil.removeHandler = function(oTarget, sEventType, fnHandler) {
            if (oTarget.removeEventListener) { //对DOM兼容的浏览器
                   oTarget.removeEventListener(sEventType, fnHandler, false);
    } else if (oTarget.detachEvent) { //对IE
           oTarget.detachEvent("on" + sEventType, fnHandler);
    } else {
           oTarget["on" + sEventType] = null;
    }
    }