Javascript 使用提交的addEventListener不工作

当我使用“单击”事件时，我的代码起作用，它阻止表单提交。但是，当我使用此代码时，它不会。为什么?

submitMessage.addEventListener('submit', sendMessage, false);

function sendMessage(event){
    event.preventDefault();
    console.log('made it');
}

当我使用“单击”事件时，我的代码起作用，它阻止表单提交。但是，当我使用此代码时，它不会。为什么?

submitMessage.addEventListener('submit', sendMessage, false);

function sendMessage(event){
    event.preventDefault();
    console.log('made it');
}

submit

事件仅在

元素上触发

既然您说它适用于

单击

，我假设您没有将处理程序绑定到

元素

从：

提交表单时将触发提交事件

请注意，submit仅在上启动，而不是在or上启动。（提交的是表格，而不是按钮。）

---

如果表单为

submitMessage

，则确保提交按钮在html文件中的

type

属性设置为

submit

。在我的例子中，submit按钮的类型是

按钮

，这让我很头疼，因为我认为问题出在js文件中。这看起来是个小问题，但会让你陷入困境。

已经回答了，下面是链接：这是否回答了你的问题？