javascript - 鼠标相对于单击元素的位置

Question

我有一个简短的问题。

我在我的 Wordpress 网站上使用 FooBox 插件，并附带 FooGallery。现在我想用 javascript 添加一些调整。

当我单击图像时，FooBox 将显示，并带有向左和向右的箭头。我想为图像本身添加相同的功能，因此当您单击图像的左侧时，它将返回到图库中，如果您单击右侧，它将转到下一张图像。

我已经知道 jQuery 的答案，但现在我需要一个纯 JS 解决方案。谢谢指教!

Answer 1

当你使用

元素时

var elem = document.getElementById('yourId')

或

var elem = document.getElementsByClassName('yourClass')[0]

或者其他什么

然后您可以向 onclick 事件添加处理程序

例如

elem.onclick = function(e){
  console.log(e)
}

日志:

click clientX=480, clientY=63