是否有可能给一个提交输入按钮的onsubmit属性与javascript?

Question

你好，我已经尝试了一些事情给我的提交按钮onsubmit属性。但我不知道如何设置onsubmit。也许你有主意了。

let btn = document.createElement('input');
btn.value = "Delete";
btn.name = "deleteButton";
btn.type = "submit";
btn.onsubmit="deleteCell();

let btn = document.createElement('input');
btn.value = "Delete";
btn.name = "deleteButton";
btn.type = "button";
btn.addEventListener('submit', deleteCell())

Answer 1

提交;事件适用于表单，而不是输入。你可以使用"点击"事件:

const deleteCell = () => {
console.log("hello World!")
};
let btn = document.createElement('input');
btn.value = "Delete";
btn.name = "deleteButton";
btn.type = "button";
btn.addEventListener('click', deleteCell);

Answer 2

按钮没有onSubmit或submit事件。

onSubmit是<form>元素的一个性质。

对于按钮，您应该使用btn.onClick = deleteCell或addEventListener('click',deleteCell)

关于类似问题的更多细节，请查看此处。

onSubmit事件上的按钮元素，它会工作吗?

Answer 3

你到底想达到什么目的?通常，提交按钮被包装在<form>标记中。表单可能有一个onSubmit属性或一个动作和一个方法。按钮可以具有onClick属性以运行特定的功能。