javascript - 鼠标事件属性在 IE 11 上未定义

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

来自 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();
  }
};