iT邦幫忙

2021 iThome 鐵人賽

1
Modern Web

JavaScript 從 50% 開始,打造函式庫不是問題!系列 第 45

JS 45 - 是否要離開網站?可能無法儲存您所做的變更。

大家好!

相信有挑戰鐵人賽的讀者,應該都有這樣的疑問:

為什麼關閉瀏覽器時,不會發出警告來阻止我呢?
只要瀏覽器關閉,原本寫好的文章就付諸流水了。

我明白,畢竟我也經歷過這樣的切身之痛,甚至不止一次。
儘管下方有儲存草稿的功能,但是總不會每打完一個字就去按下按鈕吧?
於是,我花了五分鐘思考,終於想出了解決辦法!

今天的主題就是,離開網頁時自動發出警告。
我們進入今天的主題吧!


程式碼

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

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

實測

範例連結製作中。


差不多也到尾聲了。
如果對文章有任何疑問,也歡迎在下方提問和建議!
我是 Felix,我們明天再見!


上一篇
JS 44 - 輸入網址就能使用的 RSS 閱讀器
下一篇
JavaScript 從 100% 繼續,再多程式語言也不是問題!
系列文
JavaScript 從 50% 開始,打造函式庫不是問題!46
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言