JavaScript点击事件仅适用于元素本身,而非其父容器
P粉545682500
P粉545682500 2023-09-06 18:50:37
[CSS3讨论组]

我有以下代码:

<div onclick="myFunc()" style="height:200px;width:200px;">
  <button></button>
</div>

我希望当点击 div 上的任何地方时,执行 myFunc,但是不包括按钮。我该如何实现?

P粉545682500
P粉545682500

全部回复(1)
P粉795311321

在按钮的点击事件中,你需要取消事件传播。或者停止“冒泡”。

参见 https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

所以在你的按钮的点击事件中,你需要像这样:

function button_click(event) {
    event.stopPropagation();
    console.log("按钮被点击了。");
  }

默认情况下,元素的点击事件会传递给它的父元素。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号