javascript之默认事件

冰暮流星2026-05-06 13:09

什么是默认事件？

默认事件是指浏览器对用户特定操作行为执行的预设行为，比如说点击链接跳转链接指定的页面。

为什么要阻止默认事件？

在实际开发中，我们经常需要自定义交互行为，而不是让浏览器执行默认操作。例如：

表单验证：在提交表单前验证用户输入，如果数据无效则阻止提交

单页应用（SPA）：使用 JavaScript 处理路由，而不是让链接跳转导致页面刷新

自定义交互：实现拖拽上传、右键菜单等自定义功能

防止意外行为：限制某些元素的默认响应。

比如说要阻止右键产生菜单的默认行为

html 复制代码

 <button oncontextmenu="print(event)">右键点击</button>

javascript 复制代码

function print(event)
        {
            console.log("右键点击")
            event.preventDefault()
        }

默认事件阻止采用preventDefault()，语法是事件属性.preventDefault()