javascript之事件监听

addEventListener是一个监听事件并处理相应的函数。浏览器

  不啰嗦,直接上代码,如:ide

  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>
spa

  body部分:orm

  <body>
    <input type="button" value="按钮" />
  </body>
事件

 

  注意ip

  addEventListener()方法,有3个参数。第一个参数是说明监听的事件类型(如:click,注不要前缀on),第二个参数是事件执行的函数或方法,第三个参数则指定事件是否在捕获或冒泡阶段执行,false表示冒泡,true表示捕获,默认为冒泡。该方对于IE8及如下浏览器不支持get

  

  attachEvent()方法,有2个参数。第一个参数是说明监听的事件类型(如:onclick,注要前缀on),第二个参数是事件执行的函数或方法。支持IE8及如下版本浏览器input

相关文章
相关标签/搜索