zoukankan      html  css  js  c++  java
  • 【前端积累】javascript事件

    什么是事件?

    事件是一种异步编程的实现方式,本质上是程序各个组成部分之间的通信。就是文档或浏览器窗口发生的一些特定的交互瞬间(某种动作)。

    1、事件流

    事件流描述的是从页面中接收事件的顺序。

    1)事件冒泡

    2)事件捕获

    2、冒泡机制

    事件从最具体的元素开始向上依次出发,到最外面的元素

    d1.addEventListener("click",function(){},true)

    3、捕获机制

    事件从最不具体的元素开始向下依次出发,到事件真正出发的位置停止

    4、事件流

    页面中接收事件的顺序。

    完整的事件流:事件捕获+事件的真正触发者+事件冒泡

    5、非IE事件绑定

    1)HTML事件处理程序:绑定的位置在html节点属性中绑定,on+事件名=“函数(),事件()”

    移除:使用d1.setAttribute("onclick",null)可以来移除事件

    缺点:使用这种方式耦合式太强,修改一处函数名,另一处也需要修改。

                函数没有价值成功,用户已经去触发事件了,也会带来问题。

    不推荐使用这种方式。

    2)DOM0级事件:冒泡机制

       没有兼容性问题:

       元素.(on+事件名) = function(){语句块};

       移除方式:元素.(on+事件名)=null;

       缺点:只能绑定一个函数,如果有多个函数,那么最后一个生效。

    3)DOM2级事件

       格式: d1.addEventListener("click",listener,useCapture);

    type:绑定的事件名称,没有on

    listener:绑定的函数

    useCapture:是否使用捕获机制,false代表冒泡机制来处理事件,true代表以捕获机制来处理事件

  • 相关阅读:
    复杂业务
    重析业务逻辑架构模式
    Katana介绍以及使用
    使用ServiceStack构建Web服务
    ASP.NET vNext 在 Mac OS
    用户端的防腐层作用及设计
    Mvc 模块化开发
    编程语言
    页面生命周期
    If you pay peanuts,you get monkeys
  • 原文地址:https://www.cnblogs.com/dream-to-pku/p/8859218.html
Copyright © 2011-2022 走看看