[第十三章]事件

最新推荐文章于 2022-12-02 10:47:14 发布

zju_yyh

最新推荐文章于 2022-12-02 10:47:14 发布

阅读量112

点赞数

本文链接：https://blog.csdn.net/zju_yyh/article/details/102328867

版权

JS与HTML之间是通过事件实现的。可以使用侦听器来预订事件，以便事件发生时执行相应的代码。也称为“观察员”模式。

有事件冒泡和事件捕获两种方式。

事件冒泡

即事件开始时由一个具体的元素接收，然后逐级向上传播直到document。

<DOCTYPE html>
<html>
<head>
    <title>yyh</title>
</head>
<body>
    <div id="mydiv">click me</div>
</body>
</html>

如果你单击了这个div，那么这个click事件会按如下顺序传播。

1.div

2.body

3.html

4.document

事件捕获
与事件冒泡相反，按照document->html->body->div的顺序。事件沿DOM树依次向下，一直传播到事件的实际目标为止。由于老版的浏览器不支持，因此很少有人用事件捕获。

当触发DOM上的某个事件时，会产生一个事件对象event。

event对象包括的属性有target,currentTarget,type等，方法有stopPropagation().

target指向实际产生事件的那个元素，currentTarget指向的是处理这个事件的元素（比如这个事件冒泡到body，在body.οnclick=function(event){}里面，event.currentTarget就指向body）

在事件处理程序内部，this值始终等于currentTarget。

关注