防止孩子发生点击事件,产生由父母触发的弹出窗口

米兰·库玛(Milan Kumar)

我有lis包含锚标签等。单击li将打开一个模态窗口,然后单击子锚标签将删除li(这是所需要的)。但是单击锚标记会触发li上的click事件并打开模式窗口。如何解决这个问题。我什至尝试了event.stopPropagation,但即使这样也没有停止模式打开。

提前感谢!

盖塔诺

有两种避免事件传播的方法:

  1. 锚点事件中的停止事件传播
  2. 检查li click事件上的目标元素

要删除/替换父li,请单击子锚,您可以用replaceWith。

$(function () {
  $('li').click(function(e) { // if event is originated from li OK
    if ($(e.target).is('li')) {
      alert('open modal');
    }
  });
  
  
  $('a').click(function(e) {
    e.preventDefault();
    //e.stopPropagation();    // stop propagation
    $(this).parent('li').replaceWith($(this));  // remove parent li
  });
});
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>


<li>Coffe
    <a href="http://www.googlee.com">Anchor</a>
</li>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

防止在拖动孩子时在父母上发生点击事件

来自分类Dev

如何防止mouseup事件发生点击事件

来自分类Dev

反应-防止父母触发孩子的事件触发

来自分类Dev

让孩子与父母的点击事件

来自分类Dev

如何返回发生点击事件的代码

来自分类Dev

相同点击事件触发父母和孩子

来自分类Dev

发生点击事件时隐藏工具提示

来自分类Dev

父母和孩子中的点击事件

来自分类Dev

让孩子在父母身上点击事件

来自分类Dev

弹出窗口内的按钮不会触发弹出窗口外的点击事件

来自分类Dev

如果发生平移(鼠标向下移动+鼠标向上移动+鼠标向上),则可以防止任何元素发生点击事件

来自分类Dev

当孩子被点击时触发父点击事件

来自分类Dev

触发循环产生的多个弹出窗口

来自分类Dev

如何使具有高Z索引的元素允许下面的元素发生点击事件?

来自分类Dev

如何将点击事件传递给另一个按钮并触发弹出窗口

来自分类Dev

如何使浏览器在由beforeunload事件触发的弹出窗口中显示非英语文本?

来自分类Dev

防止使用控制台窗口在客户端自动触发点击事件

来自分类Dev

防止点击事件触发父操作

来自分类Dev

触发弹出窗口的主干事件被阻止。

来自分类Dev

鼠标点击会随机产生点击次数

来自分类Dev

点击时调用函数,除非某些元素发生点击

来自分类Dev

防止在javascript中触发父母的兄弟姐妹的事件

来自分类Dev

高图:当另一个图表上发生点击事件时,如何更改或重绘图表?

来自分类Dev

单击孩子时,孩子和父母会触发两个不同的事件

来自分类Dev

如何防止传单上的标记上的点击显示弹出窗口?

来自分类Dev

防止孩子增加父母的宽度

来自分类Dev

点击事件中的自举弹出窗口未显示

来自分类Dev

发生事件时显示弹出窗口javafx

来自分类Dev

如何防止javascript触发点击事件队列

Related 相关文章

  1. 1

    防止在拖动孩子时在父母上发生点击事件

  2. 2

    如何防止mouseup事件发生点击事件

  3. 3

    反应-防止父母触发孩子的事件触发

  4. 4

    让孩子与父母的点击事件

  5. 5

    如何返回发生点击事件的代码

  6. 6

    相同点击事件触发父母和孩子

  7. 7

    发生点击事件时隐藏工具提示

  8. 8

    父母和孩子中的点击事件

  9. 9

    让孩子在父母身上点击事件

  10. 10

    弹出窗口内的按钮不会触发弹出窗口外的点击事件

  11. 11

    如果发生平移(鼠标向下移动+鼠标向上移动+鼠标向上),则可以防止任何元素发生点击事件

  12. 12

    当孩子被点击时触发父点击事件

  13. 13

    触发循环产生的多个弹出窗口

  14. 14

    如何使具有高Z索引的元素允许下面的元素发生点击事件?

  15. 15

    如何将点击事件传递给另一个按钮并触发弹出窗口

  16. 16

    如何使浏览器在由beforeunload事件触发的弹出窗口中显示非英语文本?

  17. 17

    防止使用控制台窗口在客户端自动触发点击事件

  18. 18

    防止点击事件触发父操作

  19. 19

    触发弹出窗口的主干事件被阻止。

  20. 20

    鼠标点击会随机产生点击次数

  21. 21

    点击时调用函数,除非某些元素发生点击

  22. 22

    防止在javascript中触发父母的兄弟姐妹的事件

  23. 23

    高图:当另一个图表上发生点击事件时,如何更改或重绘图表?

  24. 24

    单击孩子时,孩子和父母会触发两个不同的事件

  25. 25

    如何防止传单上的标记上的点击显示弹出窗口?

  26. 26

    防止孩子增加父母的宽度

  27. 27

    点击事件中的自举弹出窗口未显示

  28. 28

    发生事件时显示弹出窗口javafx

  29. 29

    如何防止javascript触发点击事件队列

热门标签

归档