javascript - 如何以及何时使用 preventDefault()？

Question

来自这个 tutorial ，据说:

preventDefault(); does one thing: It stops the browsers default behaviour.

我在网上搜索了 preventDefault() 的示例，我只能看到在两种情况下(链接、表单)我们使用 preventDefault():阻止提交按钮提交表单并阻止链接跟随 URL。

所以，我的问题是:

1. 还有哪些情况我们可以使用preventDefault()？

2. 我怎样才能找出所有浏览器的默认行为？例如如果我点击一个按钮，浏览器的默认行为是什么？

Answer 1

1.在其他什么情况下我们可以使用 preventDefault()？

实际上任何类型的事件，您都可以使用 preventDefault(); 停止其默认行为 因此，不仅要提交按钮，还要提交按键、滚动事件，只要你给它命名，你就可以防止它发生。或者，如果您想将自己的逻辑添加到默认行为，请考虑记录一个事件或您选择的任何内容。

2.我如何找出所有浏览器的默认行为？例如如果我点击一个按钮，浏览器的默认行为是什么？

这是什么意思？大多数默认行为是隐含的。单击按钮时，会触发 onclick 事件。单击提交按钮时，将提交表单。当窗口滚动时，会触发 onscroll 事件。