js事件5 事件綁定

通過事件綁定,可以給控件添加多個事件

  • IE

attachEvent(事件名, 函數)
detachEvent(事件名, 函數)
  • FF

addEventListener(事件名, 函數, false)
removeEventListener(事件名, 函數, false)

Ex

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>事件綁定</title>
    <script src="js/myAddEvent.js"></script>
    <script>
        window.onload = function(){
            var btn = document.getElementById("btn");
            myAddEvent(btn, "click", a);
            myAddEvent(btn, "click", b);
            myDelEvent(btn, "click", a);
            myDelEvent(btn, "click", b);
        }

        function a(){
            console.log("a");
        }
        function b(){
            console.log("b");
        }
    </script>
</head>
<body>
<button id="btn">click</button>
</body>
</html>

共通方法

/**
 * 添加綁定
 */
function myAddEvent(obj, ev, fn){
     if(obj.attachEvent){
         obj.attachEvent("on"+ev, fn);
     }else{
         obj.addEventListener(ev, fn, false);
     }
}
/**
 * 解除綁定
 */
function myDelEvent(obj, ev, fn){
     if(obj.detachEvent){
         obj.detachEvent("on"+ev, fn);
     }else{
         obj.removeEventListener(ev, fn, false);
     }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 什么是事件: 我們可以簡單的把事件理解為瀏覽器的感知系統。比如說:他可以感覺到用戶是否點擊(click)了頁面、鼠...
    張松1366閱讀 6,837評論 1 6
  • 聲明:本文來源于http://www.webzsky.com/?p=731我只是在這里作為自己的學習筆記整理一下(...
    angryyan閱讀 7,130評論 1 6
  • 事件綁定的方式 給 DOM 元素綁定事件分為兩大類:在 html 中直接綁定 和 在 JavaScript 中綁定...
    Bruce_zhuan閱讀 1,061評論 0 6
  • 以下文章為轉載,對理解JavaScript中的事件處理機制很有幫助,淺顯易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy閱讀 3,075評論 1 10
  • 文‖南卿言 這世上, 有的是精彩無比的女人, 有的是遇到傷害就果斷轉身的女人, 有的是清醒睿智的女人, 她們不是更...
    南卿Nann閱讀 790評論 4 6