0

对于我正在处理的项目，我被指示使用节点变量来找出鼠标悬停的元素和元素的哪一部分。

什么是节点变量，我如何使用它来实现上述目标？

如果有帮助，我正在尝试做的一个实例或示例是找出鼠标在哪个元素或元素的哪个部分（如果可能）。意思是，如果鼠标悬停<p>在 html 文档中的 a 上，我想知道这一点，如果可能的话<p>，鼠标中所说的确切内容是什么。好吧，我不需要知道单词，我只想将单词存储在一个变量中，这样我就可以对它们应用 CSS 样式。

我真的很感激这方面的任何帮助。

提前致谢！

4

3 回答 3

1

您可以尝试event.target返回事件的目标：

启动事件的 DOM 元素。

$('body').on("mouseover", function(e){
   $(e.target).addClass('hovered');
   alert($(e.target).text())
})

演示

于 2012-07-11T18:04:34.440 回答
0

document.querySelector您可以使用或document.querySelectorAll在较新的浏览器中选择节点。使用 CSS 样式的选择器，这些方法将返回与您的选择器匹配的节点，然后您可以使用类似的方式将其存储在变量中

var node = document.querySelectorAll(".someClassName"); //finds all nodes having class "someClassName"

为了检测节点上的鼠标事件，您需要使用addEventListener（MDN 文档）或attachEvent方法，并监听mouseover事件。如果您的项目允许，请使用 jQuery 让您的生活更轻松。

于 2012-07-11T18:07:05.457 回答
0

节点变量是存储 DOM 节点的变量，要使用它，您可以创建鼠标跟踪事件处理程序并处理这些事件发生时浏览器发送给您的参数。这些参数之一是触发事件的元素（节点）。

此链接可以帮助您入门：https ://developer.mozilla.org/en/DOM/MouseEvent

于 2012-07-11T18:05:40.023 回答