javaScript事件处理

文章目录

1.窗体事件

2.鼠标事件

3.键盘事件

5.常用事件方法（包括窗口事件，鼠标事件，键盘事件，文本事件）

6.事件冒泡和事件捕捉

JS事件指再浏览器窗体或者HTML元素上发生的，乐意触发JS代码块运行的行为，下面，我们一起来看看相关事件。

1.窗体事件

例如 onload事件：当页面完全加载完成之后（包括图像，js文件，css文件等）该事件就会被触发。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

对此还有：

resize事件：当调整浏览器的窗口到一个新的宽度或者高度时，就会触发resize事件。

scroll事件：文档或者浏览器窗口被滚动期间会触发scroll事件。

焦点事件：指元素对焦点的获得与失去，如文本框选中或者取消选中。

2.鼠标事件

例如当鼠标单击左键，会发生onclick事件：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

注意：将html和body 的样式表都设置为width: 100%，height: 100%，否则onclick无效。

3.键盘事件

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

5.常用事件方法（包括窗口事件，鼠标事件，键盘事件，文本事件）

6.事件冒泡和事件捕捉

事件发生就会产生事件流，当一个HTML元素产生一个事件时，该事件会在元素节点和根节点之间按特定的顺序转播，类似于递和归。事件触发方式如下：addEventListener(“click”,“doSomething”,“ture”); 若第三个参数时ture是事件捕捉，若为false，则为事件冒泡，默认是冒泡。

捕捉型事件传播：

冒泡型事件传播

JavaScript

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。