製作圖像或divs <a>免除成爲鏈接

Question

我正在尋找一種方法來使整個<div>鏈接，但不是其中的內容。舉例來說，我在<div>中有四張圖片，如果您點擊圖片的任何位置，它實際上就是一個鏈接。我需要它的功能，因爲我正在使用它的燈箱。只要你點擊圖像的任何地方，它就會有屬性<a href="#close">。我需要能夠從屏幕上的任何位置滾動圖像，因此它的容器必須保持100％的高度和寬度。我還發現了Javascript解決方案，使整個<div>可點擊，但我無法找到如何使它，所以它仍然可以滾動並排除從<a>圖像。

Here's my Code Pen

Answer 1

你必須訴諸的JavaScript爲：

document.getElementById('link').addEventListener('click', function (e) { 
    if (e.targetElement != this) e.preventDefault(); 
});