事件高级 简要概述

事件高级

能够写出元素注册事件的两种方式

能够说出删除事件的两种方式

能够说出DOM事件流的三个阶段

能够利用事件对象完成跟随鼠标案例

能够封装阻止冒泡的兼容性函数

能够说出事件委托的原理

能够说出常用的鼠标和键盘事件

 

注册事件:

传统方式 利用on开头事件 onclick 具有唯一性,同一个元素同一个事件只能设置处理一个函数。

方法监听注册方式

  • w3c 标准推荐方式
  • addEventListener()它是一个方法
  • IE9之前的IE 不支持此方法,可使用attachEvent()代替
  • 特点,同一个元素同一个事件可以注册多个监听器
  • 按注册顺序依次执行

DOM事件流

捕获阶段(后面加true,从document开始)

目标阶段

冒泡阶段(不写或者写false 从最里面往外面散)

有些事件是没有冒泡的,比如onblur、onfocus、onmouseenter、onmouseleave

事件对象

事件对象也有兼容性写法 ie678: e=e||window.e

 

事件对象的常见属性和方法:(参考文档)

a.target返回的是触发事件的对象(元素)

this返回的是绑定事件的对象(元素)

区别:e.target点击了那个元素,就返回那个元素

this返回的是绑定事件的对象(元素)

 

阻止事件冒泡:

标准写法:利用事件对象里面的event.stopPropagation()方法

事件委托(代理、委托)

事件委托的核心原理:给父节点添加侦听器,利用事件冒泡影响每一个子节点

常用鼠标事件

常用键盘事件

你可能感兴趣的:(js)