事件处理程序



  • HTML事件处理程序

    • event

      通过该变量,可以直接访问事件对象

    • this

      在事件处理函数内部,this值等于事件的目标元素

    问题:

    • 时差问题
    • 处理程序的作用域链在不同浏览器会导致不同结果
    • HTML与Javascript紧密耦合

    DOM0级事件处理程序

    将函数赋值给事件处理程序属性

    btn.onclick = function() { alert("clicked") };

    DOM2级事件处理程序

    • addEventListener()
      • 大多数情况下,我们将事件处理程序添加到事件流的冒泡阶段
    • removeEventListener()
      • 通过addEventListener()添加的事件处理程序只能通过该方法移除
      • 通过addEventListener()添加的匿名函数无法被移除

    参数:

    • 事件名
    • 事件处理函数
    • 布尔值
      • true:在捕获阶段调用事件处理程序
      • false:在冒泡阶段调用事件处理程序

    优点:

    ​ 可以添加多个事件处理程序


 

Copyright © 2018 bbs.dian.org.cn All rights reserved.

Looks like your connection to Dian was lost, please wait while we try to reconnect.