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

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)
}

日志：

单击clientX=480，clientY=63