javascript - 从htm中设置js函数的变量

Question

我正在创建一个简单的函数，当用户即将关闭网页时发出警告。我使用的window.onbeforeonload函数是javascript。我正在做的是，由于邪恶的 window.onbeforeonload 函数，我将一个变量设置为 false。

function funky() {
var submitFormOkay = false;
window.onbeforeunload = function () {
    if (submitFormOkay == false) {
        return "You are about to leave this order form. You will lose any information...";
    }
}
}

在我的 html 中，这就是我正在做的事情

<input type="submit" id="submit_button" onclick="submitFormOkay = true;">

但是我的问题是我需要一种方法来触发 funky() 函数。 我知道我可以使用 onclick，但如果我执行操作，将会设置 SubmitFormOkay 的值。

如有任何帮助，我们将不胜感激。

Answer 1

为什么不将 submitFormOkay 作为函数 funky 的参数，然后使用给定的参数调用它？

<input type="submit" id="submit_button" onclick="funky(true);">

在 JS 文件中:

function funky(submitFormOkay) {
     window.onbeforeunload = function () {
        if (submitFormOkay == false) {
           return "You are about to leave this order form. You will lose any information...";
        }
    }
}