e.preventDefault() 阻止默认行为，但不返回 false。为什么？

Question

我有以下简单的形式：

<form action="" id="myForm">
    Use <code>return false</code> (if not checked,
    <code>e.preventDefault()</code> will be used):
    <input type="checkbox" id="myCheckbox" checked>

    <br/>

    <input type="submit" value="Submit me">
</form>

那么，JavaScript 方面：

document.getElementById("myForm").addEventListener("submit", function (e) {
    if (document.getElementById("myCheckbox").checked) {
        return false;    
    }
    e.preventDefault();
});

为什么return false不会阻止默认行为，而e.preventDefault() 按预期工作？

根据this answer：

return false 在你调用它时正在做 3 件不同的事情：

1. event.preventDefault();
2. event.stopPropagation();
3. 停止回调执行并在调用时立即返回。

所以，event.prevendDefault() 被调用。这是否仅在 jQuery 回调中发生？

JSFIDDLE

Answer 1

因为您是通过addEventListener 附加您的事件，而不是通过HTML form 元素本身的onsubmit 属性，所以您需要通过使用@987654325 传递给事件处理程序的事件来设置您的返回值@。这就是你看到preventDefault 工作的原因——因为它是事件的属性。试试这个：

document.getElementById("myForm").addEventListener("submit", function (e) {
    if (document.getElementById("myCheckbox").checked) {
        e.returnValue = false; // <- Note
    }
    else {
        e.preventDefault();
    }
});

Updated fiddle

不同的是，因为return没有被调用，执行将继续通过该语句，所以你需要相应地修改你的逻辑。因此，我添加了else 块。