问e.preventdefault

- 按下回车键时，可能会触发表单提交。

如果开发者希望自定义这些行为，而不是让浏览器自动处理，就可以使用 `e.preventDefault()` 方法。

示例代码：

```javascript

document.querySelector('form').addEventListener('submit', function(e) {

e.preventDefault(); // 阻止表单默认提交行为

console.log('表单未提交，自定义逻辑执行');

});

```

在这个例子中，当用户点击“提交”按钮时，浏览器不会自动刷新页面，而是执行我们定义的逻辑。

三、注意事项

1. 与 `e.stopPropagation()` 的区别

- `e.preventDefault()` 只是阻止默认行为，不影响事件冒泡；

- `e.stopPropagation()` 则会阻止事件向上层元素传播。

2. 适用于哪些事件？

`e.preventDefault()` 适用于所有可以被取消的事件，如 `submit`、`click`、`keydown` 等。

3. 兼容性

该方法在主流浏览器中均得到支持，包括 Chrome、Firefox、Safari 和 Edge。

四、适用场景举例

五、结语

`e.preventDefault()` 是前端开发中一个非常实用的方法，尤其在需要对用户交互进行精细控制时。合理使用它可以提升用户体验，并增强页面的灵活性和可控性。不过，在使用时也需注意其作用范围，避免影响其他必要的事件处理逻辑。