在前端开发中,可以通过以下几种方式来确定哪个提交按钮触发了onsubmit事件:
示例代码:
function handleSubmit(event) {
var target = event.target;
if (target.id === 'submitButton1') {
// 第一个提交按钮触发了onsubmit事件
} else if (target.id === 'submitButton2') {
// 第二个提交按钮触发了onsubmit事件
}
}
var form = document.getElementById('myForm');
form.addEventListener('submit', handleSubmit);
示例代码:
function handleSubmit(event) {
var targetId = event.submitter.id;
if (targetId === 'submitButton1') {
// 第一个提交按钮触发了onsubmit事件
} else if (targetId === 'submitButton2') {
// 第二个提交按钮触发了onsubmit事件
}
}
var form = document.getElementById('myForm');
form.addEventListener('submit', handleSubmit);
示例代码:
var clickedButton;
function handleButtonClick(event) {
clickedButton = event.target;
}
function handleSubmit(event) {
if (clickedButton.id === 'submitButton1') {
// 第一个提交按钮触发了onsubmit事件
} else if (clickedButton.id === 'submitButton2') {
// 第二个提交按钮触发了onsubmit事件
}
}
var button1 = document.getElementById('submitButton1');
var button2 = document.getElementById('submitButton2');
button1.addEventListener('click', handleButtonClick);
button2.addEventListener('click', handleButtonClick);
var form = document.getElementById('myForm');
form.addEventListener('submit', handleSubmit);
以上是几种常见的确定哪个提交按钮触发了onsubmit事件的方法。根据具体情况选择适合的方式来实现功能。
领取专属 10元无门槛券
手把手带您无忧上云