javascript - 使用提交事件监听器停止表单提交

Question

我正在尝试使用提交 事件监听器 阻止表单提交。我的匿名函数运行但表单仍然提交，即使在函数末尾返回 false 也是如此。没有抛出 JS 错误。

我是不是犯了一些愚蠢的错误？

<form id="highlight">
    Row: <input type="text" name="rows" value="1" id="rows">
    Column: <input type="text" name="cells" value="1" id="cells">
    <input type="submit" name="Submit" value="Highlight" id="Submit">
</form>

<script>
var highlight_form = document.getElementById('highlight');
highlight_form.addEventListener('submit', function() {
        alert('hi');
    return false;
}, false);
</script>

Answer 1

我总是在我想为其取消事件的事件监听器上调用 event.preventDefault()，并返回 false。这对我总是有效。

<script>
var highlight_form = document.getElementById('highlight');

highlight_form.addEventListener('submit', function(event)
{
    event.preventDefault();
    alert('hi');
    return false;

}, false);
</script>