当用户单击某些内容时，onbeforeunload会继续弹出一个警报框

Question

I am created aa page that warns the user when they click on the (close x) button on the window. I duid some reading and discovered that javascript had a function called onbeforeonload which can take of the job I was tryng to achieve. I however found at after my implementation that, when a user clicks on anything in my window (example. save and enter) The dialog box reappears. I was wondering how I could only target the specific X button in the window.

    window.onbeforeunload = function (evt) {
  var message = 'Do you want to leave?';
  if (typeof evt == 'undefined') {
    evt = window.event;
  }
  if (evt) {
    evt.returnValue = message;
  }
  return message;
} 

Answer 1

现在正在全局调用该函数...此资源可能帮助您实现所需的目标： http : //randomdrake.com/2009/09/23/how-to-use-onbeforeunload-with-form-submit -纽扣/

Answer 2

This is a "working as intended" behavior for IE. Anchor tag clicks, regardless of whether they navigate or not, will trigger the onbeforeunload event .

This is the workaround I used - I am not sure whether it is the best approach or not:

document.onmouseup = function () {
    if (window.event.srcElement.tagName === 'A') {
        // turn off your onbeforeunload handler
        ...

        // some small time later, turn it back on
        setTimeout(..., 200);
    }
};