高级事件
其他
禁用 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原因


本文详细介绍了JavaScript中的高级事件处理,包括事件监听注册、removeEventListener的使用、DOM事件流、事件对象方法、阻止默认行为、事件委托以及鼠标和键盘事件的特性和实例。
555

被折叠的 条评论
为什么被折叠?



