是否可以使用 javascript 为提交输入按钮提供 onsubmit 属性？

Question

您好，我已经尝试了几种方法来为我的提交按钮提供 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

按钮没有 onSubmit 或 submit 事件。

onSubmit 是 <form> 元素的属性。

带按钮，你应该使用btn.onClick = deleteCell或addEventListener('click',deleteCell)

在此处查看有关类似问题的更多详细信息。

onSubmit event on a button element will it work?

Answer 2

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

Answer 3

“提交”事件针对的是表单，而不是输入。不过，您可以在输入中使用“点击”事件：

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

是否可以使用 javascript 为提交输入按钮提供 onsubmit 属性？

Is it possible to give a submit input button the onsubmit attribute with javascript?

javascript

html

onsubmit