問題描述

我目前正在使用 jquery-form-observe 插件使用 onbeforeunload 提示用戶有關(guān)未保存"的更改.

I'm currently using the jquery-form-observe plugin which uses onbeforeunload to prompt the user about "unsaved" changes.

但是我有一個(gè)場景，我需要在單擊按鈕時(shí)觸發(fā)它:按鈕單擊最終會(huì)導(dǎo)致頁面更改，但我想在用戶開始按鈕單擊開始的過程之前提示他們...

But I have a scenario where I need to trigger this on a button click: the button click ultimately leads to the page changing, but I want to prompt the user before they start the process that the button click kicks off...

那么有沒有辦法通過jQuery或其他方式觸發(fā)onb??eforeunload?

So is there a way to trigger onbeforeunload through jQuery or otherwise?

推薦答案

我不知道是否有直接的方法可以做到這一點(diǎn)，但你總是可以自己模擬瀏覽器的確認(rèn)框.這是我根據(jù) 規(guī)范在MSDN:

I don't know if there is a direct way to do this, but you could always emulate the browser's confirmation box yourself. Here's a simple function I cooked up based on the specs at MSDN:

function triggerBeforeUnload() {
  var event = {};
  handler(event);

  if (typeof event.returnValue == 'undefined' ||
      confirm('Are you sure you want to navigate away from this page?

' + event.returnValue + '

Press OK to continue, or Cancel to stay on the current page.')) {
    // Continue with page unload
  } else {
    // Cancel page unload
  }
}

在jquery.formobserver.js中，在function beforeunload(e) { ... }的定義之后，添加這一行:

In jquery.formobserver.js, right after the definition of function beforeunload(e) { ... }, add this line:

handler = beforeunload;

注意原代碼的變化:window.onbeforeunload已經(jīng)被handler代替了.

Note the change in the original code: window.onbeforeunload has been replaced by handler.

這篇關(guān)于是否可以以編程方式觸發(fā) onbeforeunload 事件?的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！