使用提交eventlistener停止表单提交

Question

我试图阻止表单使用submit eventlistener提交.我的匿名函数运行但表单仍然提交,即使在函数结束时返回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>