如何停止在按钮后面单击背景?

E·布拉德利

我有一个可点击的DIV,并且我试图在此DIV中放置一个按钮。单击按钮时,发生的事件与单击DIV时发生的事件不同。

当前,当我单击按钮时,将同时触发DIV和按钮。单击按钮后,有什么方法可以阻止DIV触发?

<div class="stack">
<div class="background" onclick="alert('background clicked');">
    <button onclick="alert('bg-button clicked');" style="left:65px; top:65px; position: absolute;">This is a background button</button>
    <div class="card">
        <button onclick="alert('card-button clicked');">This is a card button</button>
    </div>
</div>

演示:https : //jsfiddle.net/b3cf91zo/

dtlvd

在这种情况下,您可以使用以下命令停止传播:

event.stopPropagation();

您应该看一下这篇文章:如何阻止div中的onclick事件传播到文档?

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在按钮单击事件中停止服务

来自分类Dev

单击按钮后如何使弹出菜单后面的背景变暗?

来自分类Dev

ASP.NET如何在按钮单击+行输入时更改表行的背景颜色?

来自分类Dev

如何在按下时更改按钮背景并在停止按下后继续更改?

来自分类Dev

单击后临时在按钮的背景中交换图像

来自分类Dev

在按钮提交单击时禁用页面背景

来自分类Dev

单击按钮时停止背景可拖动

来自分类Dev

UIButton在按钮图像和标题后面留下了白色背景

来自分类Dev

单击Web应用程序中的按钮会在按钮后面显示输入,然后无意间专注于输入

来自分类Dev

如何在按钮单击时调用jquery函数?

来自分类Dev

如何在按钮上单击使用TypeScript

来自分类Dev

如何在按钮上运行代码单击Android片段

来自分类Dev

如何在按钮上单击加载页面

来自分类Dev

如何在按钮单击上浏览选项卡

来自分类Dev

如何在按钮单击时动态添加指令

来自分类Dev

如何在按钮单击事件中隐藏占位符?

来自分类Dev

如何使用JavaScript在按钮单击上显示内容

来自分类Dev

我如何在按钮单击时调用动作

来自分类Dev

如何使用React Hooks在按钮单击上获取数据

来自分类Dev

如何在按钮单击甚至处理程序之间交替

来自分类Dev

如何在按钮上运行代码单击Android片段

来自分类Dev

如何在按钮单击时添加新的ObservableCollection?

来自分类Dev

如何在按钮上单击ios更改UICollectionView的数据?

来自分类Dev

如何在按钮单击上添加一行?

来自分类Dev

如何在按钮单击上添加更多元素

来自分类Dev

如何在按钮单击时调用jquery函数?

来自分类Dev

如何在按钮单击上绘制矩形?

来自分类Dev

我如何在按钮内单击创建循环

来自分类Dev

如何在按钮单击时调用jQuery函数?

Related 相关文章

  1. 1

    如何在按钮单击事件中停止服务

  2. 2

    单击按钮后如何使弹出菜单后面的背景变暗?

  3. 3

    ASP.NET如何在按钮单击+行输入时更改表行的背景颜色?

  4. 4

    如何在按下时更改按钮背景并在停止按下后继续更改?

  5. 5

    单击后临时在按钮的背景中交换图像

  6. 6

    在按钮提交单击时禁用页面背景

  7. 7

    单击按钮时停止背景可拖动

  8. 8

    UIButton在按钮图像和标题后面留下了白色背景

  9. 9

    单击Web应用程序中的按钮会在按钮后面显示输入,然后无意间专注于输入

  10. 10

    如何在按钮单击时调用jquery函数?

  11. 11

    如何在按钮上单击使用TypeScript

  12. 12

    如何在按钮上运行代码单击Android片段

  13. 13

    如何在按钮上单击加载页面

  14. 14

    如何在按钮单击上浏览选项卡

  15. 15

    如何在按钮单击时动态添加指令

  16. 16

    如何在按钮单击事件中隐藏占位符?

  17. 17

    如何使用JavaScript在按钮单击上显示内容

  18. 18

    我如何在按钮单击时调用动作

  19. 19

    如何使用React Hooks在按钮单击上获取数据

  20. 20

    如何在按钮单击甚至处理程序之间交替

  21. 21

    如何在按钮上运行代码单击Android片段

  22. 22

    如何在按钮单击时添加新的ObservableCollection?

  23. 23

    如何在按钮上单击ios更改UICollectionView的数据?

  24. 24

    如何在按钮单击上添加一行?

  25. 25

    如何在按钮单击上添加更多元素

  26. 26

    如何在按钮单击时调用jquery函数?

  27. 27

    如何在按钮单击上绘制矩形?

  28. 28

    我如何在按钮内单击创建循环

  29. 29

    如何在按钮单击时调用jQuery函数?

热门标签

归档