離開頁面時,讓瀏覽器提示指定的信息onbeforeunload

想要在離開頁面時,讓瀏覽器彈窗提醒提示信息,可以加上window.onbeforeunload事件

// onbeforeunload事件
window.onbeforeunload = function (e) {
     e = e || window.event;
         if (e) {
           e.returnValue = '離開頁面,答案不會保存';
         }
         return "離開頁面,答案不會保存";
       };

在vue項目中,可將其添加在created鉤子裏,然後在頁面desdry的時候清除,以免影響其他頁面

  beforeDestroy () {
    // 離開頁面清除onbeforeunload事件
    window.onbeforeunload = () => {}
  }

這裏只可指定文本,在很早之前版本的chrome瀏覽器中,爲了安全性和用戶體驗,已經不支持讓開發者修改回調事件了,也就已經無法在用戶選擇繼續關閉或取消關閉時,進行別的事件操作了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章