JS 45 - 是否要离开网站？可能无法储存您所做的变更。

大家好！

相信有挑战铁人赛的读者，应该都有这样的疑问：

为什麽关闭浏览器时，不会发出警告来阻止我呢？
只要浏览器关闭，原本写好的文章就付诸流水了。
…

我明白，毕竟我也经历过这样的切身之痛，甚至不止一次。
尽管下方有储存草稿的功能，但是总不会每打完一个字就去按下按钮吧？
於是，我花了五分钟思考，终於想出了解决办法！

今天的主题就是，离开网页时自动发出警告。
我们进入今天的主题吧！

程序码

window.addEventListener('blur', function () {
    document.querySelector('input.btn-draft').click();
});

window.addEventListener('beforeunload', function (e) {
    event.preventDefault();
    event.returnValue = '';
});

实测

范例连结制作中。

差不多也到尾声了。
如果对文章有任何疑问，也欢迎在下方提问和建议！
我是 Felix，我们明天再见！