在前端开发中，我们经常需要给标签绑定点击事件，并且希望阻止浏览器默认行为。这时候可以使用 preventDefault() 方法实现。
什么是 preventDefault() 方法？
preventDefault() 是 JavaScript 中的一个方法，它用于阻止浏览器默认行为。当一个元素被点击时，浏览器会执行默认的行为（如超链接跳转或表单提交）。而使用 preventDefault() 方法可以阻止这些默认行为的发生。
如何在 onclick 属性中使用 preventDefault() 方法？
下面是一个示例代码，演示了如何在一个标签的 onclick 属性中使用 preventDefault() 方法：
-- -------- ---------------------------------------------
在这个例子中，当用户点击链接时，preventDefault() 方法会阻止浏览器跳转到 # 号所指向的位置。
注意，在使用 preventDefault() 方法时，需要传递一个参数 event，它代表当前事件对象。如果不传递这个参数，代码将无法正常运行。
preventDefault() 方法的应用场景
- 防止表单提交
使用 preventDefault() 方法可以阻止表单的自动提交。例如，在表单提交之前，可以通过判断表单是否填写完整来决定是否提交表单：
--------------------------------------------------------- --------------- -
-- ---------------- -
-----------------------
-
---- 防止链接跳转
在处理链接点击事件时，可以使用 preventDefault() 方法阻止链接的默认跳转行为，从而实现单页应用（SPA）的效果：
----------------------------------------------------- --------------- - ----------------------- -- ------------ ---
总结
preventDefault() 是一个常用的前端开发方法，它可以帮助我们阻止浏览器默认行为。在 onclick 属性中使用 preventDefault() 可以方便快捷地实现这个功能。在实际开发中，需要根据具体场景合理使用这个方法，以提高用户体验和网站性能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11554