• 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 看河北绿水青山咋变金山银山? 2019-05-31
  • 税费“红包”助推高质量发展 2019-05-31
  • 围绕茶叶基础领域重大问题开展研究(创新故事) 2019-05-26
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-05-26
  • 财经 —频道 春城壹网 七彩云南 一网天下 2019-05-25
  • 吓出一身冷汗!比利时击败巴拿马不轻松 2019-05-25
  • 郑州网站建设,郑州网站制作,郑州做网站,巩义网站建设,荥阳网站建设,偃师网站制作-全栈网络

    javascript事件及事件处理方式区别

    javascript事件及事件处理方式区别

    时间: 2018-06-27 分类: 网站代码 浏览次数:

    四川快乐12前三走势图 www.mas07.com 在巩义网站培训中,大家会接触到javascript很多相关语法,常见概念,及事件或者对象操作。那么今天我们来了解一下网站建设中javascript事件以及事件的相关概念解释...

    巩义网站培训之javascript事件及事件处理方式区别
    在网站培训中,大家会接触到javascript很多相关语法,常见概念,及事件或者对象操作。那么今天我们来了解一下网站建设中javascript事件以及事件的相关概念解释。

    一.什么是事件?什么是网页事件?
    网页事件是指可以被javascript侦测到的所有用户行为,这些行为包括鼠标的点击事件,鼠标的经过事件 ,文本改变事件,文本框选中事件,光标移入移出事件,网页加载事件和关闭网页事件。

    二.什么是事件流?
    事件流是指一个网站网页中接受事件的顺序。这里网页的接收事件顺序有两种:1.事件冒泡,即由最具体的元素接受,然后逐级向上传递至最不具体的文档节点;2.事件捕获:与事件冒泡正好相反,从最不具体的节点先接收事件,而最具体的节点最后接收事件。注意:事件流的概念只需要了解就可以了。

    三.事件的处理方式有哪些?他们各有所不同?
    1.HTML事件处理:即直接添加事件到HTML结构中。比如常见的onclick,代码示例:
     <a href="###" onclick="demo()">点击</a>
    <script>function demo(){alert("hello world")}</script>
     特点:执行快捷,代码书写简单,但是不利于后期维护,修改麻烦。

    2.DOM 0级事件处理:即把一个函数赋值给一个事件处理程序属性。代码示例:
    <a href="###" id="a1">点击</a>
    <script>
             var a1=document.getElementById("a1");
            a1.onclick= function (){alert("hello world")}  
            a1.onclick= function (){alert("hello world")}  
                          </script>
    特点:代码维护方便,只需要修改某一个函数即可,缺点是多个统一元素相同函数会被覆盖,只执行最近的函数。

    3.DOM 2级事件处理:即事件句柄操作方式 addEventListener(“事件名”,“事件处理函数”);代码示例:
    <a href="###" id="a1">点击</a>
    <script>
           var a1=document.getElementById("a1"). addEventListener("click",function(){alert("hello"});
           a1.addEventListener("click",demo());
           a1.addEventListener("click",demo2());
           function demo(){alert("hello")};
                 function demo2(){alert("hello")};
                  a1.removeEventListener("click",demo2)
    </script>
     特点:代码执行不会相互覆盖,并且依次执行;

    以上内容就是关于网站制作中javascript的事件以及事件的常见处理方法和区别。本文由巩义网站培训-巩义全栈网络工作室提供,欢迎巩义市想学习相关课程的朋友随时咨询我们。
    本文关键词: 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



    郑州网站建设|郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|偃师网站制作-全栈网络
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 看河北绿水青山咋变金山银山? 2019-05-31
  • 税费“红包”助推高质量发展 2019-05-31
  • 围绕茶叶基础领域重大问题开展研究(创新故事) 2019-05-26
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-05-26
  • 财经 —频道 春城壹网 七彩云南 一网天下 2019-05-25
  • 吓出一身冷汗!比利时击败巴拿马不轻松 2019-05-25