-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path9.1 事件类型.txt
148 lines (97 loc) · 3.96 KB
/
9.1 事件类型.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
事件类型
事件代理：
将本应该绑定给子元素的事件绑定给父级元素来执行
最好直接绑定给直接父级元素
1>提高JavaScript性能，显著提高事件的处理速度，减少内存的占用
2>动态的添加DOM元素。不需要因为元素的改动二修改事件的绑定
事件监听：三个阶段，依次是捕获阶段（由外而内），目标阶段（事件处理），冒泡阶段（由内而外）；
1>事件监听可以绑定多个事件，后绑定的事件覆盖前面声明的事件，只执行后绑定的事件，前面绑定的事件不执行
2>常规的时间绑定只执行最后绑定的事件，btn.addEventLIstener()
3>可以解除相应的绑定
1、UI事件
1》load
当前页面完全加载后再window上触发
当所有框架加载完时在框架集上触发；
当图像加载完毕时在img上触发；
当嵌入的内容加载完毕时在<object>触发；
2》unload
当前页面完全卸载后再window上触发
当所有框架卸载后时在框架集上触发；
当嵌入的内容卸载完毕时在<object>触发（Firefox不支持）
3》select
当用户选择文本框（<input>,<textarea>）中的一个或多个字符时
4》resize
当浏览器窗口被调整到一个新的高度或者宽度时，会触发
5》scroll
当用户滚动带 滚动条的元素中的内容时，
在该元素上触发resize，scroll会在变化期间重复被激发，尽量保持代码简单。
2、焦点事件
1》blur
元素失去焦点的时候触发
2》focusout
与blur等价，支持冒泡
3》focus
元素获得焦点时触发
不支持冒泡
4》focusin
与focus等价 支持冒泡
3、鼠标与滚轮事件
1》click
支持子元素
点击鼠标按钮或按下回车键时触发
只有在一个元素上相继发生mousedown，mouseup事件，才会触发click事件。
2》dblclick
双击鼠标按钮时触发
只有在一个元素上相继触发两次click事件才会触发dblclick事件
3》mousedown
任意鼠标按钮按下时触发
4》mouseup
释放鼠标时触发
5》mousemove
鼠标在元素内部移动时重发触发
5》mouseover
鼠标位于元素外部，将将其首次移入另一个元素边界之内时触发
支持子元素
6》mouseenter
鼠标光标从元素外部首次移动到元素内部激发，
不冒泡
不支持子元素
7》mouseout
在位于元素上方的鼠标光标移入到另一个元素中触发
支持子元素
在被选元素上与mouseleave效果相同
8》mouseleave
在位于元素上方的鼠标光标移动到元素范围之外时触发
不冒泡
不支持子元素
9》mousewheel
滚轮事件
4、相关元素，event特殊属性
1》客户区坐标位置
clientX，clientY
事件发生时，鼠标指针在视口中的水平和垂直坐标
2》页面坐标位置
pageX,pageY
事件发生时，鼠标指针在页面本身而非视口的坐标，
页面没有滚动的时候，pageX，pageY的值等于clientX，clientY
3》屏幕位置
screenX，screenY
4》修改键
boolean类型
用于判断对应的按键是否被按下shiftKey，ctrlKey，altKey，metaKey
5》鼠标按钮
mousedown，mouseup；
该事件的event对象中包含了button属性，表示按下或释放的按钮
0--主鼠标按钮，即鼠标左键
1--中间的滚动按钮，即鼠标滚轮
2--表示次鼠标按钮，即鼠标右键
5、键盘与文本事件
1》keydown
按下键盘任意键时触发
如果按住不放会重复触发此事件
2》keypress
按下键盘字符键时触发，
如果按住不放会重复触发此事件
3》keyup
释放键盘上键时触发