javascript - 使用提交的 addEventListener 不起作用

Question

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

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

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

Answer 1

When I use the 'click' event, my code works and it prevents the form from submitting. However, when I use this code it does not. Why?

submit事件仅在 <form> 上触发元素。
既然你说它适用于 click ，我假设您没有将处理程序绑定(bind)到 <form>元素。
来自 MDN documentation :

The submit event is fired when a form is submitted.

Note that submit is fired only on the form element, not the button or submit input. (Forms are submitted, not buttons.)