javascript - 有没有办法检测我是否将鼠标悬停在文本上？

Question

我真正想要的是检测光标何时更改为键入“文本”，即何时将鼠标悬停在一段文本上。我已经尝试查看我悬停的元素类型，但这不太准确，因为我不知道它们实际包含什么。

我知道只有在我之前指定了 CSS cursor 属性时才有可能检测它。

这可能吗？你会怎么做？

编辑:我不想检查我当前是否在特定元素上，我想知道我是否在该元素内的任何文本上悬停。一个 div 可以是浏览器的 100% 宽度，但在最左边有一段较短的文本。我不想检测何时将鼠标悬停在元素的任何部分上。

Answer 1

无需尝试检测光标是否改变。

您可以使用这种构造简单地检测鼠标是否悬停在您的文本上:

document.getElementById('myTextId').onmouseover = function() {
    // do something like for example change the class of a div to change its color :
    document.getElementById('myDivId').className = 'otherColor';
};

如果您没有 ID，只有类或标签，您可以将 getElementById 替换为 getElementsByClassName 或 getElementByTagName(这将返回您要迭代的数组)。

如果你想在离开元素时恢复颜色，我建议你用同样的方式绑定(bind)事件onmouseout。

例如，如果你想对任何段落做某事，你可以这样做:

var paras = document.getElementByClassName('p');
for (var i=0; i<paras.length; i++) {
    paras[i].onmouseover = function() {
        // do something like for example change the class of a div to change its color :
        document.getElementById('myDivId').className = 'otherColor';
    };
}

如果你打算做很多这样的事情，我建议你看看 jquery 及其教程。