我如何知道鼠标指针是否位于 HTML 元素上？

Question

我有一个定时事件，我想根据鼠标指针所在的 HTML 元素采取不同的行为。
假设我有 HTML 元素，有没有办法知道鼠标指针当前是否位于其顶部。
我非常了解 onmouseover/onmouseout 事件以及如何使用它们。
我正在使用 JQuery。
我显然正在寻找某种标志，因为我需要检查状态而不是处理事件。
再说一遍，我知道如何通过事件来实现这一点。

Answer 1

我不知道有任何内置方法可以对元素执行 ping 操作以了解鼠标悬停的状态。

但是，您可以通过更新 mouseenter 和 mouseleave 处的标志来创建一个 - 这就是 Brian Driscoll 的 建议 < a href="http://api.jquery.com/hover/" rel="nofollow noreferrer">.hover 出现：

jQuery.fn.tracking = function () {
  this.data('hovering', false);

  this.hover(function () {
    $(this).data('hovering', true);
  }, function () {
    $(this).data('hovering', false);
  });

  return this;
};

jQuery.fn.hovering = function () {
  return this.data('hovering');
}

您需要初始化每个元素的跟踪你关心：

$('#elem1,#elem2').tracking();

但是你可以获得其中任何一个的状态：

if ($('#elem1').hovering()) {
    // ...
} else if ($('#elem2').hovering()) {
    // ...
}

演示： http://jsbin.com/ amaxu3/编辑

Answer 2

你研究过 jQuery.hover() 吗？ http://api.jquery.com/hover/

Answer 3

您需要为 html 和me 指定名称，并且在鼠标悬停时您需要检查 document.getelementsbyName。然后检查你得到的输出是什么。现在您可以决定是 html 控件还是 asp.net。

当您使用 collObjects = object.getElementsByName("htmlcontrol") 时，请比较两者的 id。

1 更多为什么你需要在 javascript 中检查这个。可能还有其他解决方案。请与我们分享。

Answer 4

您可能会对 document.elementFromPoint 有一些运气，尽管我相信旧版浏览器实现中存在一些不一致（http://www.quirksmode.org/dom/w3c_cssom。 html#documentview）。

$('#elem').mousemove(function(e){
    if (this == document.elementFromPoint(e.clientX, e.clientY)) {
        // Do stuff
    }
});

或者在处理程序之外

if ($('#elem').get(0) == document.elementFromPoint(x, y)) {
    // Do stuff
}

除此之外，想到的唯一其他选择是使用事件处理程序来跟踪鼠标位于哪个元素上。