javascript - jQuery 中的触发按钮单击不起作用

Question

使用dot.js我正在向特定网页添加一个按钮，单击该按钮时，应向文本字段添加一些文本，然后触发另一个按钮也被单击。我通过向具有以下代码的按钮添加单击处理程序来模拟此操作:

var button = $('.some-class').find('button')[0];
console.log(button); // element I expect
button.click();

但是，这不起作用，我不知道为什么。如果我执行 .remove() 而不是 .click()，则该按钮将从页面中删除。如果我使用控制台执行相同的代码，则确实会单击该按钮。这告诉我，我确实拥有正确的元素，但 click() 事件具体有问题。

有人可以解释为什么这在 Safari 或 Chrome 中不起作用吗？我尝试了很多不同的方法，但我对 jQuery 还很陌生，所以我可能错过了它的工作原理的一些细节。

Answer 1

我们在聊天中深入探讨了这一点。导致问题的原因可能是附加到(可能)主体的另一个事件处理程序，它取消了点击。

因此解决方案是阻止事件传播:

event.stopPropagation();