zoukankan      html  css  js  c++  java
  • JavaScript中对事件简单的理解

    事件(event)

    1.什么是JavaScript事件?

      事件是文档或浏览器中发生的特定交互瞬间。

    2.事件流

      事件流描述的是从页面中接受事件的顺序,包含IE提出的事件冒泡流与Netscape提出的事件捕获流。浏览器默认的是事件冒泡流。

      两种思想:

      IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接受,然后逐级向上传播到较为不具体的节点。

       Netscape团队提出的另一种事件流叫做事件捕获。事件捕获的思想是不太具体的DOM节点应该更早接收到事件,而最具体的节点应该最后接收到事件。

    3.事件处理程序

      为事件指定处理程序的方式有好几种。 HTML事件处理程序。 即我们直接在HTML代码中添加事件处理程序,

      eg:<input id="btn1" value="按钮" type="button" onclick="showmsg();">   

        <script>

            function showmsg(){

              alert("HTML添加事件处理");

            }   

        </script>

      从上面的代码中我们可以看出,事件处理是直接嵌套在元素里头的,这样有一个毛病:就是html代码和js的耦合性太强,如果哪一天我想要改变js中showmsg,那么我不但要再js中修改,我还需要到html中修改。

      (1)DOM0级事件处理程序
        即为指定对象添加事件处理, 如:
        <input id="btn2" value="按钮" type="button">
        <script>
          var btn2= document.getElementById("btn2");
           btn2.onclick=function(){
             alert("DOM0级添加事件处理");
          }
          btn.onclick=null;//如果想要删除btn2的点击事件,将其置为null即可
      </script>

      (2)DOM2级事件处理程序 DOM2级事件定义了两个方法,用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。所有DOM节点中都包含这两个方法,并且它们都接受3个参数:要处理的          事件名,做为事件处理程序的函数和一个布尔值。最后这个参数如果是true,表示在捕获阶段调用事件处理程序;如果是fasle,表示在冒泡阶段调用事件处理程序。

  • 相关阅读:
    BZOJ2061 : Country
    BZOJ3591: 最长上升子序列
    BZOJ4356 : Ceoi2014 Wall
    BZOJ2159 : Crash 的文明世界
    BZOJ2149 : 拆迁队
    BZOJ2739 : 最远点
    BZOJ4068 : [Ctsc2015]app
    BZOJ4361 : isn
    BZOJ4404 : [Neerc2015]Binary vs Decimal
    BZOJ4402 : Claris的剑
  • 原文地址:https://www.cnblogs.com/Coding--Peasant/p/6963651.html
Copyright © 2011-2022 走看看