Question

我正在尝试找到一种方法来获取当前悬停元素的元素ID以显示弹出框/工具提示。目前我正在使用clientX / clientY来获取坐标，但我真的希望弹出窗口集中在我正在盘旋的元素上。

是否有某种方法可以获取此信息，例如“谁调用show_tooltip”或类似以后获取元素的坐标。希望这是有道理的。

回应下面的评论，这就是我目前使用的内容。

function show_tooltip(evt) {
    var x = evt.clientX -50;
    var y = evt.clientY -70;

    tooltip.setAttributeNS( null, "transform", "translate(" + x + "," + y + ")" );
    tooltip.setAttributeNS( null, "opacity", "0.7" );
}

这个问题是鼠标指针用于坐标。虽然我可以使用getElementById()来获取元素，但我不知道调用该函数的元素。

Answer 1

我不知道这是不是你想要的：

<div onmouseover="show_tooltip(this)"/>

你将获得在js函数中触发事件的元素。

Answer 2

也许您可以查看http://docs.jquery.com/Plugins/Tooltip（demo）。已经开发了很多次插件。这只是一个例子。

Answer 3

Event.target（在您的脚本evt.target中）保存事件的目标（通常是一个元素）。

获取所选元素的ID

3 个答案: