JavaScript 如何阻止默认行为
你有没有过这样的经历：在网页上点了个带链接的按钮，结果它却没跳转到你想要的页面；或者在输入框里按了回车，本该提交的表单却没反应？这很可能是默认行为被“拦截”了——而这背后，很多时候是JavaScript在起作用。
默认行为，就是浏览器给元素预设的“自带功能”。比如a标签默认会跳转，form标签按回车默认会提交，右键页面默认会弹菜单，这些都是不用写代码就有的功能。JavaScript的作用，就是告诉浏览器“别执行这个默认的动作”。
最常用的方法：preventDefault()
这是最核心的方法，简单直接，就像跟浏览器说“停一下，先别做你本来要做的事”。举个生活化的例子：你点外卖的时候，本来默认是“下单付款”，但如果你还没选好地址，就可以跟商家说“先别付款，等我确认地址”——这个“跟商家说别做默认动作”的指令，就相当于preventDefault()。
举个实际的代码例子（不用怕，只看逻辑）：
`javascript
// 找到页面上那个“点我跳转”的a标签
const link = document.querySelector('a');
// 给它加个“点击事件”
link.addEventListener('click', function(e) {
// e就是这次点击的“事件对象”，preventDefault()就挂在它上面
e.preventDefault();
// 加一句自己的逻辑：现在可以做别的，比如弹提示
alert('我没跳转，因为默认行为被阻止了！');
});
`
这段代码运行后，再点那个a标签，就只会弹提示，不会跳转了。
要注意一个小细节：这个方法只能用在事件函数内部。因为preventDefault()是“针对这次触发的事件”的，要是写在事件外面，浏览器根本不知道你要阻止哪个动作。
还有个老方法：return false
很多人可能见过这种写法，比如在jQuery时代，经常会写$('a').click(function(){ ... return false; })。这其实也能阻止默认行为，但它不是纯JavaScript的标准方法，而且有局限性——它只能用在DOM0级事件（就是直接写在元素上的事件，比如），或者用addEventListener之前的旧写法，现在不推荐用了。
举个例子，要是直接写在元素的onclick属性里：
`html
`
点这个链接的时候，会先弹“点了”，然后因为return false，就不会跳转了。但如果是用addEventListener写的现代代码，return false就没用了，只能用preventDefault()。
别乱阻止默认行为
阻止默认行为不是“万能操作”，如果用错了会很麻烦。比如你把输入框按回车的默认提交给阻止了，用户本来想快速提交，结果没反应，肯定会觉得困惑。再比如阻止右键的默认菜单，要是用户想复制内容，反而找不到右键菜单，体验就变差了。
正确的做法是：只在需要的时候阻止。比如做“保存草稿”按钮，本来form按回车会直接提交草稿，但用户可能还想再改改，这时候阻止默认提交，改成弹个“已保存草稿”的提示，就是合理的。
简单总结一下：JavaScript阻止默认行为，核心是用事件对象的preventDefault()方法，这是现代标准写法，简单可靠；尽量别用return false，容易出错；阻止之前先想清楚，会不会影响用户的使用习惯。