javascript实现监听表单的提交事件
时间: 2023-11-28 16:05:49 浏览: 159
JavaScript监听键盘事件代码实现
5星 · 资源好评率100%
可以使用以下代码实现监听表单的提交事件:
```javascript
const form = document.querySelector('form');
form.addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 在这里添加表单提交后的处理逻辑
});
```
这段代码中,首先使用 `document.querySelector` 方法获取到要监听提交事件的表单元素,并将其赋值给变量 `form`。然后使用 `addEventListener` 方法为表单元素添加 `submit` 事件监听器,当表单提交时,会触发回调函数中的代码。
在回调函数中,我们可以使用 `event.preventDefault()` 方法来阻止表单的默认提交行为,然后在这里添加表单提交后的处理逻辑即可。
阅读全文