【e.preventdefault】在JavaScript中，`e.preventDefault()` 是一个非常常用的方法，尤其在处理表单提交、链接点击等事件时。它的作用是阻止事件的默认行为，从而让用户能够自定义事件的处理方式。
一、总结
`e.preventDefault()` 是 `Event` 对象的一个方法，用于阻止浏览器对某个事件的默认动作。例如，当用户点击一个链接时，浏览器会自动跳转到该链接的地址；使用 `e.preventDefault()` 可以阻止这种跳转行为，从而实现自定义逻辑。
此方法常用于以下场景：
- 表单验证
- 防止页面刷新
- 自定义链接行为
- 阻止右键菜单弹出等
需要注意的是，`e.preventDefault()` 并不会阻止事件冒泡，如果需要同时阻止冒泡，应结合使用 `e.stopPropagation()`。
二、关键点对比表格
| 特性 | 说明 |
| 方法名 | `e.preventDefault()` |
| 所属对象 | `Event` 对象 |
| 功能 | 阻止事件的默认行为 |
| 是否阻止冒泡 | 否（需配合 `e.stopPropagation()`） |
| 常见用途 | 表单提交、链接跳转、右键菜单等 |
| 返回值 | 无返回值（void） |
| 浏览器兼容性 | 支持所有现代浏览器（IE9+） |
| 使用场景 | 自定义事件处理，避免默认操作 |
三、使用示例
```javascript
document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault(); // 阻止表单默认提交行为
alert('表单已提交，但未刷新页面');
});
```
```javascript
document.querySelector('a').addEventListener('click', function(e) {
e.preventDefault(); // 阻止链接跳转
alert('链接被点击，但未跳转');
});
```
四、注意事项
- `e.preventDefault()` 只能阻止事件的默认行为，不能阻止事件传播。
- 在某些浏览器中，如 IE8 及以下，可能不支持 `preventDefault()`，需用 `event.returnValue = false;` 替代。
- 如果你希望完全阻止事件，建议同时使用 `e.preventDefault()` 和 `e.stopPropagation()`。
通过合理使用 `e.preventDefault()`，可以更灵活地控制网页中的交互行为，提升用户体验和功能实现的自由度。