高级事件
- 1. 注册事件(addEventListener)
- 2.删除事件(removeEventListener)
- 3.DOM事件流
- 4.事件对象及其方法(当形参来看)
- 5.阻止默认事件/冒泡
- 6.事件委托
- 7.鼠标事件(禁止右键/选中文字)
- 8.鼠标事件对象
- 8.常用键盘事件
- 9.键盘事件对象(keycode)
其他
禁用 this.disabled=true
阻止链接跳转herf=javaScript:;
1. 注册事件(addEventListener)
why
传统:带on,唯一性,会覆盖
事件侦听注册:不带on,可添加多个监听器,不会覆盖依次执行
addEventListener
attchEvent了解
带on,解决封装,兼容性函数
2.删除事件(removeEventListener)
removeEventListener(事件操作,事件名字)
detachEvent(事件操作,事件名字)
3.DOM事件流
捕获阶段,当前目标阶段,冒泡阶段
注意
false冒泡阶段,默认
true捕获阶段
三个阶段
4.事件对象及其方法(当形参来看)
介绍
事件对象的常见属性和方法
e.target和this区分
5.阻止默认事件/冒泡
阻止默认事件
高版本e.preventDefault();(方法)
低版本e.returnValue;(属性)
阻止冒泡
标准e.stopPropagation();
非标准e.cancelBubble=true;
6.事件委托
给父节点添加侦听器
7.鼠标事件(禁止右键/选中文字)
右键/contextmenu和选中文字/selectstart属于事件操作
然后在方法中添加禁止默认事件
8.鼠标事件对象
例子、图片跟随鼠标走
8.常用键盘事件
有顺序
onkeyup和onkeydown不识别大小写
onkeypress识别大小写
9.键盘事件对象(keycode)
例子、京东按下s键定光标到搜索框
例子、京东快递单号查询
分析及用up不用down原因