window.onbeforeunload允许提交按钮？

Question

当用户离开页面时，我使用以下JavaScript来显示确认框。

我的问题是，即使用户单击我页面中表单内的提交按钮，它也会显示。 我不希望在表单提交和跨度单击时触发此操作。

如何允许表单提交和跨度单击下面的功能？

window.onbeforeunload = function (e) {
    e = e || window.event;



    return '';
};

编辑 -------------------------------

抱歉，它现在是一种表单，它是简单的按钮和href：我有一个页面仅使用一个按钮：

<input type="button" value="Save" id="btn-crop" />

和链接：

<a href="done.php" class=button2>Save</a>

Answer 1

您应该能够使用e.currentTarget属性检查哪个对象调度了事件，然后在必要时显示提示。

Answer 2

您可以为页面中的每个按钮在提交事件的回调中调用[Event].stopPropagation 。

该函数将在提交按钮时停止beforeunload事件的回调函数。

您可以在此处阅读有关[Event].stopPropagation更多信息。

像这样： Button.addEventListener("submit",function(Event){Event.stopPropagation()})