◆注册事件(绑定事件)
◆删除事件(解绑事件)
◆DOM事件流
◆事件对象
◆阻止事件冒泡
◆事件委托(代理、委派)
◆常用的鼠标事件
◆常用的键盘事件
一.注册事件(绑定事件)
注册事件有两种方式,传统方式和方法监听注册方式
1.addEventListener事件监听方式
2.attachEvent事件监听方式
3.注册事件兼容性解决方案
二.删除事件(解绑事件)
1.删除事件的两种方式
2.删除事件兼容性问题
三.DOM事件流
四.事件对象
1.什么是事件对象?
简单理解:事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象event,它有很多属性和方法。
比如:
1.谁绑定了这个事件。
2.鼠标触发事件的话,会得到鼠标的相关信息,如鼠标位置。
3.键盘触发事件的话,会得到腱盘的相关信息,如按了哪个键。
2.事件对象的使用方法
3.事件对象的兼容性方案
4.事件对象的常见属性和方法
五.阻止事件冒泡
1.事件冒泡
开始时由最具体的元素接收,然后逐级向上传播到到DOM最顶层节点(事件冒泡本身的特性,会带来的坏处,也会带来的好处,需要我们灵活掌握)
2.阻止事件冒泡的两种方式
3.阻止事件冒泡的兼容性解决方案
六.事件委托(代理、委派)
1.事件委托
事件委托也称为事件代理,在jQuery里面称为事件委派。
2.事件委托的原理
不是每个子节点单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。
以上案例:给山注册点击事件,然后利用事件对象的target来找到当前点击的i,因为点击i,事件会冒泡到山上,u山有注册事件,就会触发事件监听器。
3.事件委托的作用
我们只操作了一次DOM,提高了程序的性能。
七.常用的鼠标事件
1.常用的鼠标事件
2.鼠标事件对象
八.常用的键盘事件
1.常用的键盘事件
事件除了使用鼠标触发,还可以使用健盘触发,注意给文档document添加键盘事件