JavaScript原生等效于jQuery事件.preventDefault()

Question

可能是重复内容：
event.preventDefault() vs. return false

我不确定，但据我所知，event.preventDefault来自于jQuery。如果是这样，我想知道是否有类似的在Javascript中的原生等效方法？

- Mahdi

---

preventDefault是一个DOM方法。在这里查看W3C规范：http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-cancelation。 - PHeiberg

我认为这个问题和那个不一样。 - Barmar

@Barmar 主题相同，答案在两种情境下都适用，那么同时拥有它们会带来什么价值呢？ - Rune FS

@PraveenKumar 如果你完整地阅读了那个问题，你会发现他们在比较 preventDefault 和 return false ... 我的问题似乎也类似？ - Mahdi

@PHeiberg 谢谢！这就是我在寻找的！你能把你的评论发表为答案吗？这对其他人也会有帮助！ :) - Mahdi

Answer 1

preventDefault是一个DOM方法。可以在W3C规范这里查看。

- PHeiberg

Answer 2

jQuery包装本地JavaScript事件对象。 preventDefault是JavaScript方法。您可以通过return false;在jQuery中实现preventDefault。

- Anoop

---

是的，我认为这是正确的。但是在没有 jQuery 的情况下，我们是否有任何等效的 JavaScript 本地语言？ - Mahdi

@Mahdi preventDefault与JavaScript有关，而不是jQuery。 - Anoop

如果您从jQuery事件处理程序中返回false，则相当于同时调用preventDefault和stopPropagation。这与仅调用preventDefault不同。 - Rune FS

jQuery 的 return false 同时处理了 preventDefault 和 stopPropagation。preventDefault 意味着停止默认的行为，例如点击链接不应该打开链接。而 stopPropagation 则是阻止其他监听器监听此事件。 - Anoop

Answer 3

return false 在 jQuery 事件处理程序内部 的效果与同时调用传递的 jQuery.Event 对象上的 e.preventDefault 和 e.stopPropagation 相同。

e.preventDefault() 将阻止默认事件发生，e.stopPropagation() 将阻止事件冒泡，而 return false 则会同时执行这两个操作。请注意，此行为与 普通（非 jQuery）事件处理程序不同，其中特别地，return false 不会阻止事件冒泡。

来源：https://dev59.com/RXM_5IYBdhLWcg3wfTO7#1357151

- Praveen Kumar Purushothaman