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

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