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,表示在冒泡阶段调用事件处理程序。

  • 相关阅读:
    crontab自动备份MySQL数据库并删除5天前备份
    使用ShowDoc在线管理API接口文档
    概率计算(抽奖活动、命中率)
    保护隐私?找回已记住的秘密?你的余额宝、淘宝还安全吗?
    自制公众平台Web Api(微信)
    我为什么期待M#?
    在.net中为什么第一次执行会慢?
    记”Uri.IsWellFormedUriString”中的BUG
    公司ERP系统重构那些事
    Koala Framework是什么?我为什么要写这个框架?
  • 原文地址:https://www.cnblogs.com/Coding--Peasant/p/6963651.html
Copyright © 2011-2022 走看看