使用submit的addEventListener不起作用

Question

当我使用"click"事件时,我的代码可以正常工作,并且会阻止表单提交.但是,当我使用此代码时,它不会.为什么？

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

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

Answer 1

当我使用"click"事件时,我的代码可以正常工作,并且会阻止表单提交.但是,当我使用此代码时,它不会.为什么？

该submit事件仅在<form>元素上触发.

既然你说它适用click,我假设你没有将处理程序绑定到<form>元素.

从MDN文档:

提交表单时会触发提交事件.

请注意,仅在表单元素上触发提交,而不是按钮或提交输入.(提交表格,而不是按钮.)