javascript - 为什么在单击子元素时触发了父元素的事件？ - Thinbug

为什么在单击子元素时触发了父元素的事件？

时间：2018-01-05 07:42:25

标签： javascript html

示例代码如下。当我点击DIV时为什么FORM元素的事件被触发了？即使我停止FORM元素的事件冒泡

＆＃13;

＆＃13;

<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
</head>

<body>

  <style>
    body * {
      margin: 10px;
      border: 1px solid blue;
    }
  </style>

  <form onclick="event.stopPropagation();alert('form')">FORM
    <div>DIV
      <p onclick="event.stopPropagation();alert('p')">P</p>
    </div>
  </form>

</body>

</html>

＆＃13;

＆＃13;

＆＃13;

0 个答案:

没有答案