Javascript 返回 false 和 event.target

用户9050678

有人可以解释为什么点击button1没有被捕获吗?我知道return false事件click会停止传播,但它仍然应该捕获元素,document.addEventListener('click', function(e) {console.log(e.target);});因为我们试图通过e.target而不是其父元素直接捕获主元素。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#button1").click(function(){
       return false;
    });
});
</script>
</head>
<body>

<button id="button1">Button1 (dont get captured)</button>
<button id="button2">Button2 (get captured)</button>

  <script>
    document.addEventListener('click', function(e) { 
     console.log(e.target);});
  </script>
</body>
</html>

我无法更改该 jQuery 代码$("#button1").click(function(){return false});,但仍然想button1在单击时捕获该元素(使用 javascript),是否有任何解决方法?

我可以另一个事件处理程序绑定到button1这样的document.getElementById("button1").addEventListener("click", function(e){console.log(e.target)});现实存在,我想捕获(不同类别和ID),这将是不切实际的事件监听器添加到他们每个人的很多很多的元素,我发现一个按钮,只是一个例子。,我只是想记录点击的任何元素。

我无法更改页面的 jQuery 代码或 HTML,我只想在 chrome 控制台中运行一些测试,为此我想捕获单击的每个元素

谢谢

梅齐亚内

返回假;阻止浏览器对 button1 链接执行默认操作。

的等效代码return false是:

$('.button1')
   .click(function (event) {
       event.preventDefault();
       event.stopPropagation();
});

如果您只想停止传播,请使用stopPropagation().

看看这个,并阅读更多关于preventDefault()stopPropagation()

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在javascript中,[] === []和[] == []都返回false

来自分类常见问题

JavaScript函数分别返回False和0

来自分类Dev

javascript不会返回false

来自分类Dev

JavaScript:onclick并返回false

来自分类Dev

JavaScript函数始终返回false

来自分类Dev

JavaScript没有返回false

来自分类Dev

总是返回false | Javascript | 对象

来自分类Dev

JavaScript 返回 false 但仍在提交

来自分类Dev

JavaScript RegExp 在每个有效和无效输入中返回 false

来自分类Dev

event.file和event.target.files之间的区别

来自分类Dev

event.value和event.target.value之间的区别

来自分类Dev

ReactJS event.target.value返回未定义

来自分类Dev

Event.target.id 返回空字符串?

来自分类Dev

返回Task或await和ConfigureAwait(false)

来自分类Dev

如果不是0和1,则返回false

来自分类Dev

如果不是0和1,则返回false

来自分类Dev

为什么(null == false)和(null == true)都返回false?

来自分类Dev

为什么(false和false或true)返回true

来自分类Dev

javascript hasOwnProperty返回true而不是false?

来自分类Dev

JavaScript propertyIsEnumerable返回false,但仍可枚举

来自分类Dev

Javascript if else仅返回TRUE或FALSE

来自分类Dev

返回false后运行的Javascript函数

来自分类Dev

Javascript:比较标准函数总是返回* false *

来自分类Dev

Javascript some() 返回 false 为零

来自分类Dev

与JavaScript混合使用时,SYMFONY FORM isClicked()问题(取决于浏览器)-JQuery:event.preventDefault()和event.target.submit()

来自分类Dev

返回false并且event.preventDefault()不起作用

来自分类Dev

MySQL:返回“ 0”和“ 1”,而不是“ false”和“ true”

来自分类Dev

返回True和None vs True和False是Pythonic吗?

来自分类Dev

为什么 []==[] 和 {}=={} 返回 false 虽然 [] 和 {} 是真值?

Related 相关文章

  1. 1

    在javascript中,[] === []和[] == []都返回false

  2. 2

    JavaScript函数分别返回False和0

  3. 3

    javascript不会返回false

  4. 4

    JavaScript:onclick并返回false

  5. 5

    JavaScript函数始终返回false

  6. 6

    JavaScript没有返回false

  7. 7

    总是返回false | Javascript | 对象

  8. 8

    JavaScript 返回 false 但仍在提交

  9. 9

    JavaScript RegExp 在每个有效和无效输入中返回 false

  10. 10

    event.file和event.target.files之间的区别

  11. 11

    event.value和event.target.value之间的区别

  12. 12

    ReactJS event.target.value返回未定义

  13. 13

    Event.target.id 返回空字符串?

  14. 14

    返回Task或await和ConfigureAwait(false)

  15. 15

    如果不是0和1,则返回false

  16. 16

    如果不是0和1,则返回false

  17. 17

    为什么(null == false)和(null == true)都返回false?

  18. 18

    为什么(false和false或true)返回true

  19. 19

    javascript hasOwnProperty返回true而不是false?

  20. 20

    JavaScript propertyIsEnumerable返回false,但仍可枚举

  21. 21

    Javascript if else仅返回TRUE或FALSE

  22. 22

    返回false后运行的Javascript函数

  23. 23

    Javascript:比较标准函数总是返回* false *

  24. 24

    Javascript some() 返回 false 为零

  25. 25

    与JavaScript混合使用时,SYMFONY FORM isClicked()问题(取决于浏览器)-JQuery:event.preventDefault()和event.target.submit()

  26. 26

    返回false并且event.preventDefault()不起作用

  27. 27

    MySQL:返回“ 0”和“ 1”,而不是“ false”和“ true”

  28. 28

    返回True和None vs True和False是Pythonic吗?

  29. 29

    为什么 []==[] 和 {}=={} 返回 false 虽然 [] 和 {} 是真值?

热门标签

归档