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

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