Javascript 获取所选元素的id
我试图找到一种方法来获取当前悬停元素的元素id,以显示弹出框/工具提示。目前我正在使用clientX/clientY获取坐标,但我真的希望弹出窗口位于我悬停的元素的中心 是否有一些方法可以获取此信息,例如“谁调用了show_tooltip”或类似的方法,以便稍后获取元素的坐标。希望这是有意义的 作为对下面评论的回应,这是我目前正在使用的Javascript 获取所选元素的id,javascript,dom,svg,Javascript,Dom,Svg,我试图找到一种方法来获取当前悬停元素的元素id,以显示弹出框/工具提示。目前我正在使用clientX/clientY获取坐标,但我真的希望弹出窗口位于我悬停的元素的中心 是否有一些方法可以获取此信息,例如“谁调用了show_tooltip”或类似的方法,以便稍后获取元素的坐标。希望这是有意义的 作为对下面评论的回应,这是我目前正在使用的 function show_tooltip(evt) { var x = evt.clientX -50; var y = evt.client
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()
获取元素,但我不知道调用函数的元素是哪个。也许您可以看看()。这些插件已经被开发了很多次。这只是一个例子。也许你可以看看()。这些插件已经被开发了很多次。这只是一个例子。我不知道这是否就是你要找的:
<div onmouseover="show_tooltip(this)"/>
您将在js函数中获得触发事件的元素。我不知道这是否是您要寻找的:
<div onmouseover="show_tooltip(this)"/>
您将在js函数中获得触发事件的元素。(在脚本中
evt.target
)持有事件的目标(通常为元素)。(在脚本中evt.target
)持有事件的目标(通常为元素).你能给我们举一个你在代码中需要什么的例子吗?你能给我们举一个你在代码中需要什么的例子吗?虽然这解决了问题,但并不能回答问题。如何获取鼠标指向哪个元素的信息?首先,向所有可以悬停的元素添加一个类,例如class=“hoverable”
。然后,使用jQuery,您可以执行类似于$(“.hoverable”).hover(function(){/…})
的操作,虽然这解决了问题,但它并没有回答问题。如何获取鼠标指向哪个元素的信息?首先,向所有可以悬停的元素添加一个类,例如class=“hoverable”
。然后,使用jQuery,您可以执行类似于$(“.hoverable”).hover(function(){/…})
的操作!这实际上解决了问题。我正在使用
标记进行分组,但它也起了作用。我添加了this
作为参数来显示工具提示,然后在函数中,getAttribute
来获取元素的x和y坐标。比你!这实际上解决了问题。我正在使用
标记进行分组,但它也起了作用。我添加了this
作为显示工具提示的参数,然后在函数中,getAttribute
获取元素的x和y坐标。