clientY 从整个屏幕返回像素的 Y,而不是 div



我构建了一个div,单击时它会提醒光标上方像素的x和y坐标。这使用客户端X和客户端Y。但是,y 是相对于屏幕的,我希望它相对于div。

有时你必须使用元素的偏移量(描述中的div(以及y位置来获得相对y位置。偏移量将为您提供元素本身的 y 位置。因此,从单击位置中减去位置将为您提供相对(到div(y 位置。

event.clientY - event.target.offsetTop

您可以看到一个带有 Y 位置偏移的小演示(请务必打开控制台,以便您可以看到输出 - 按钮位于屏幕的左下角(。否则,如果你的麻烦更具体,看看你到目前为止有什么会有所帮助。

最新更新