给层或者html中的某个元素添加删除事件

来源：互联网发布：voltage drop 算法编辑：程序博客网时间：2024/05/29 14:16

<html>
    <head>
        <title>Add/Remove Event Handlers Example</title>
        <script type="text/javascript">
                var EventUtil = new Object;
                EventUtil.addEventHandler = function (oTarget, sEventType, fnHandler) {
                    if (oTarget.addEventListener) {
                        oTarget.addEventListener(sEventType, fnHandler, false);
                    } else if (oTarget.attachEvent) {
                        oTarget.attachEvent("on" + sEventType, fnHandler);
                    } else {
                        oTarget["on" + sEventType] = fnHandler;
                    }
                };

                EventUtil.removeEventHandler = function (oTarget, sEventType, fnHandler) {
                    if (oTarget.removeEventListener) {
                        oTarget.removeEventListener(sEventType, fnHandler, false);
                    } else if (oTarget.detachEvent) {
                        oTarget.detachEvent("on" + sEventType, fnHandler);
                    } else {
                        oTarget["on" + sEventType] = null;
                    }
                };


                function handleClick() {
                    alert("Click!");
                    var oDiv = document.getElementById("div1");
                    EventUtil.removeEventHandler(oDiv, "click", handleClick);
                }

                window.onload = function() {
                    var oDiv = document.getElementById("div1");
                    EventUtil.addEventHandler(oDiv, "click", handleClick);
                }
        </script>
    </head>
    <body>

------------------------------------------说明------------------------------------

上面的红色字体说明的是某个元素要发生的事件处理

上面蓝色的语句表示添加于删除事件，第一个蓝色语句表示删除事件，即该事件只能被触发一次，以后就无效了，第二个蓝色语句表示当页面

重新载入的时候，该事件又能被触发！如果去掉第一个蓝色语句，那么事件在不重新载入的情况下可被重复执行！

还可以添加mouseover "mouseout", "mousedown", "mouseup", "click", "dblclick", 事件，即将红色字体改为这些事件即可！