事件对象
事件对象封装了事件的相关信息
获取事件对象
- 通过事件处理函数的参数获取
- 旧版本的IE浏览器通过window.event获取
- window.event -获取鼠标事件
事件对象的通用成员
- target & srcElement * -获取事件目标(事件源)
tagName -获取元素名称
可以用来做事件委托:通过给祖先元素注册事件,在程序处理程序中判断事件源进行不同的处理。通常,事件委托用于动态生成元素的区域。元素内容比较繁杂区域使用较麻烦
- currentTarget * -当前目标:获取绑定事件的元素,等效于this
- type 用于获取当前事件的类型
preventDefault & returnValue -阻止浏览器默认行为。例如:a元素的链接跳转 button的提交等
dom2使用preventDefault方法
dom0的方式:在事件处理程序中返回false针对a元素,可以设置为功能性链接解决跳转问题
<a href="javascript:;">百度</a>
针对button元素,可以将button设置为普通的按钮[type=”button”]
stopPropagation方法 * -阻止事件冒泡
eventPhase -得到事件所处的阶段
结果为:1、2、3
1为:事件捕获 阶段
2为:事件目标 阶段
3为:事件冒泡 阶段