时间戳

首页 > 解决方案 > 即使 event.stopPropagation 写在 onClick 处理程序中，事件也会传播到父级

javascript - 即使 event.stopPropagation 写在 onClick 处理程序中，事件也会传播到父级

问题描述

在下面的代码中，当单击设置时，google.com即使e.stopPropagation在设置的onClick处理程序中写入页面也会重定向到

    <a className="App" href="http://google.com" onClick={() => alert("parent")}>
      Home
      <div
        href={"http://youtube.com"}
        onClick={e => {
          alert("child");
          e.stopPropagation();
        }}
      >
        Settings
      </div>
    </a>

这是为什么？但是当我添加e.preventDefault()它时，它不会重定向到google.com？为什么e.stopPropagation不工作并且e.preventDefault正在工作。谁能解释一下。

沙盒链接 - https://codesandbox.io/s/l7wx5yzp6m

谢谢。

标签： javascriptjqueryhtmlreactjshref

解决方案

推荐阅读