javascript之事件監聽

addEventListener是一個監聽事件並處理相應的函數。

  不囉嗦,直接上代碼,如:

  js部分 

  <script>
    window.onload = function(){
        var input = document.getElementsByTagName("input")[0];
        if(input.addEventListener){
        // 兼容主流瀏覽器,IE8及以下不支持
          input.addEventListener("click",function(){
              alert("按鈕被點擊了!")
          },false) // 指定事件是否在捕獲或冒泡階段執行,false表示冒泡,true表示捕獲,默認爲冒泡
        }else if(input.attachEvent){
          // 兼容IE8及以下
            input.attachEvent("onclick",function(){
              alert("按鈕被點擊了!")
            })
        }
    }
  </script>

  body部分:

  <body>
    <input type="button" value="按鈕" />
  </body>

 

  注意

  addEventListener()方法,有3個參數。第一個參數是說明監聽的事件類型(如:click,注不要前綴on),第二個參數是事件執行的函數或方法,第三個參數則指定事件是否在捕獲或冒泡階段執行,false表示冒泡,true表示捕獲,默認爲冒泡。該方對於IE8及以下瀏覽器不支持

  

  attachEvent()方法,有2個參數。第一個參數是說明監聽的事件類型(如:onclick,注要前綴on),第二個參數是事件執行的函數或方法。支持IE8及以下版本瀏覽器


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章