确定进度条上的鼠标悬停位置？

Question

鼠标悬停在HTML进度条上时是否可以确定鼠标的位置？例如，如果我在播放音频文件时使用进度条，我想在用户将鼠标移动到进度条上时显示工具提示，该进度条显示音频中悬停的时间戳。这将是一种预览他们在点击之前想要追踪的轨道位置的方法。

Answer 1

您可以在元素上使用mouseenter事件。

document.getElementById("progress").addEventListener("mouseover", function( event ) {
})

https://developer.mozilla.org/de/docs/Web/Events/mouseenter

该活动为您提供了一些其他属性，例如clientX和clientY。 将那些与进度条的位置和一些减法组合时，您应该能够确定鼠标在进度条中的位置。

Answer 2

感谢您的指导。 'mousemove'事件正是我所寻找的。

我修改了此网站上类似答案中的一些代码来使用该事件：

cert

http://jsfiddle.net/2dqn5brs/