时间戳

首页 > 解决方案 > clientX/clientY 和移出范围间歇性工作

javascript - clientX/clientY 和移出范围间歇性工作

问题描述

我正在尝试创建一个脚本，当用户将鼠标移出主窗口时触发。我让它与clientX/clientY间歇性地工作。为什么不连续触发？

onmousemove = function (e) {
  var w = window.innerWidth;
  var h = window.innerHeight;

  if (e.clientX == 1 || e.clientX == w - 1) {
    console.log("Modal window pop-up!");
  } else if (e.clientY == 1 || e.clientY == h - 1) {
    console.log("Modal window pop-up!");
  }
};

标签： javascript

解决方案

我走错了路。首先，我尝试了“onmouseout”，但没有得到想要的结果，这让我尝试了 clientX/clientY 的方式。这也错过了预期的效果。最终我尝试了“onmouseleave”，它变得完美了。这是我的解决方案：

let html = document.getElementById("dimScreen");
html.onmouseleave = function () {
  console.log("Modal pop-up!");
};

推荐阅读