DOM事件对象


事件对象

事件对象封装了事件的相关信息

获取事件对象

  • 通过事件处理函数的参数获取
  • 旧版本的IE浏览器通过window.event获取
  • window.event -获取鼠标事件

事件对象的通用成员

  1. target & srcElement * -获取事件目标(事件源)
  • tagName -获取元素名称
    可以用来做事件委托:通过给祖先元素注册事件,在程序处理程序中判断事件源进行不同的处理。

    通常,事件委托用于动态生成元素的区域。元素内容比较繁杂区域使用较麻烦

  1. currentTarget * -当前目标:获取绑定事件的元素,等效于this
  • type 用于获取当前事件的类型
  1. preventDefault & returnValue -阻止浏览器默认行为。例如:a元素的链接跳转 button的提交等

    dom2使用preventDefault方法
    dom0的方式:在事件处理程序中返回false

    针对a元素,可以设置为功能性链接解决跳转问题

    <a href="javascript:;">百度</a>  
    

    针对button元素,可以将button设置为普通的按钮[type=”button”]

  2. stopPropagation方法 * -阻止事件冒泡

  3. eventPhase -得到事件所处的阶段

结果为:1、2、3
1为:事件捕获 阶段
2为:事件目标 阶段
3为:事件冒泡 阶段


文章作者: overwhat
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 overwhat !
评论