如何确定JavaScript中window.onbeforeunload中的哪个控件导致了该事件

Question

我已经在javascript中设置了：

var    onBeforeUnloadFired = false;

window.onbeforeunload = function (sender, args)

{
   if(window.event){
      if(!onBeforeUnloadFired) {
         onBeforeUnloadFired = true;
         window.event.returnValue = 'You will lose any unsaved changes!'; //IE
      }
   }
   else {
      return 'You will lose any unsaved changes!'; //FX
   }

   windows.setTimeout("ResetOnBeforeUnloadFired()", 1000);
}

function ResetOnBeforeUnloadFired() {
   //Need this variable to prevent IE firing twice.
   onBeforeUnloadFired = false;
}

我正在尝试实现一个编辑屏幕，在导航屏幕之前，该用户会在离开前得到警告。 它工作正常，除了我弹出按钮单击后的常规帖子。 我希望避免这种情况，因此我想确定是否可以确定按下哪个按钮。

有人知道如何确定在windows.onbeforeunload中按下了哪个按钮吗？

或者，有人知道我要达到的更好的方法吗？

Answer 1

如果您不能“控制”您控制的深处，另一种方法是在某种程度上标记“良好的控制”，即那些不应触发“离开导航”逻辑的控制。 设置全局javascript变量（例如，

var isGoodLink=false;
window.onbeforeunload = function (e) {
  var message = "Whatever";
  e = e || window.event;
  if (!isGoodLink) {
  // For IE and Firefox
  if (e) {
    e.returnValue = message;
  }
  // For Safari
  return message;
  }
};
function setGoodLink() {
  isGoodLink=true;
}

并在要确保安全的事件上添加setGoodLink函数：

<button type="button" onclick="javascript:setGoodLink() ">I am a good button!</button>

Answer 2

通过将所有编辑项TextBoxes放入更新面板来解决此问题。

现在，仅针对此外部组件触发windows.onbeforeunload。