Question

以下代码用于识别浏览器窗口关闭事件，并在其他浏览器上按预期工作，但不在IE11上工作。由于这行代码只在IE11 undefined上提供alert(event.clientY+":"+event.clientX);。任何人都可以建议解决此问题。

window.onbeforeunload = function(event) 
{
event= window.event|| event;
alert(event);
alert(event.clientY+":"+event.clientX);

    if(event.clientX <0 || event.clientY < 0)
    {   
        // ajax call to server to nullify the session.
        window.close();
    }
};

Answer 1

事件对象定义了两次：

event = window.event || event;

但这里没有使用引用：

if(window.event.clientX < 0 || window.event.clientY < 0)

所以IE失败了，因为代码应该是：

if(event.clientX < 0 || event.clientY < 0)

Answer 2

从MDN beforeunload event您可以看到事件对象支持哪些属性。

不支持事件对象的clientX和clientY，因此它们未定义。

这也发生在Chrome和FF中，因为onbeforeunload事件不包含此类信息（位置X和Y）

我在IE11，Chrome 48，FF 44中测试了您的代码。

可能的解决方法是：

var clientX = 0;
var clientY = 0;
var scheduled = false;

window.onmousemove = function (event) {
  if (!scheduled) {
    scheduled = true;
    setTimeout(function () {
      event = event || window.event;
      clientX = event.clientX;
      clientY = event.clientY;
      scheduled = false;
    }, 1000);
  }
}

window.onbeforeunload = function (event) {
  alert(clientY+":"+clientX);
  if (clientX < 0 || clientY < 0) {
    // ajax call to server to nullify the session.
    window.close();
  }
};

IE 11上的鼠标事件属性未定义

2 个答案: