JS讓DIV綁定某個事件


<html>
    <head>
        <title>Add/Remove Event Handlers Example</title>
        <script type="text/javascript">
                // addEventListener 是JS自帶函數
                 // attachEvent 是JS自帶函數
                var EventUtil = new Object;
                EventUtil.addEventHandler = function (oTarget, sEventType, fnHandler) {
                    if (oTarget.addEventListener) { // 如果還沒有綁定click事件,則進行綁定。頁面載入時候會執行這里。
                        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!\nd");
                    var oDiv = document.getElementById("div1");
                    // EventUtil.removeEventHandler(oDiv, "click", handleClick);
                }
                // 綁定DIV與觸發事件,以及函數體
                window.onload = function() {
                    var oDiv = document.getElementById("div1");                
                    EventUtil.addEventHandler(oDiv, "click", handleClick);
                }
        </script>
    </head>
    <body>

         <div id="div1" style="background-color: red; width: 100px; height: 100px"><font size="30" color="white">sss</font></div>
    </body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM