如何通过透明图像获得«onclick»事件？

Question

我有一个HTML页面。在页面的中间，我展示了一个部分透明的gif图像。

如果我点击图像下方链接上的图像的透明部分，由于图像，我没有得到“onclick”事件。

是否可以忽略图像并在链接上获取事件？

更新：我的布局：无法点击“Alternativ”。

Answer 1

如果链接在图像下，那么它们是不可点击的。

您可能需要做的是降低图片的z-index，增加链接的z-index以使其成为可能点击。

Answer 2

如果图片是静态的并且没有移动，您可以轻松使用图片maps或将链接放在透明图片的顶部。

Answer 3

我实际上不知道你的布局，但我认为，有几种可能性。您可以使用imagemap模拟gif下链接的点击。因此，在链接定位的位置，您可以在图像映射中定义可单击区域。 另一种可能性是使用gif作为背景图像。不应该更改布局中的任何内容，链接将位于顶部。

HTH，

- hennson

Answer 4

制作一个活动，将其关闭：

var realTarget = document.querySelector('...');
var img = document.querySelector('...');

img.addEventListener("click", function(evt) {
  var newEvt = document.createEvent("MouseEvents");
  newEvt.initMouseEvent("click", true, true, window,
    evt.detail, evt.screenX, evt.screenY, evt.clientX, evt.clientY, 
    evt.ctrlKey, evt.altKey, evt.shiftKey, evt.metaKey, 
    evt.button, evt.relatedTarget);
  realTarget.dispatchEvent(newEvt);
}, false);