帶彈出窗口的圖像鏈接不適用於鉻擴展

帶彈出窗口的圖像鏈接不起作用。例如，它就像這樣的代碼。帶彈出窗口的圖像鏈接不適用於鉻擴展

<a href="https://test.com/"><img src="test.png"></a>

我通過Javascript上的「onclick」處理了這個問題。

有沒有很好的方法來正常工作與圖像鏈接？

來源

2014-01-08 hucuhy

由於你是not allowed具有內聯的事件處理程序，可以加一個外部JS文件（例如popup.js）和寄存器的偵聽click事件（使用addEventListener()）。例如： -

popup.html：

<!DOCTYPE html> 
<html> 
<head> 
    ... 
    <script type="text/javascript" src="popup.js"></script> 
</head> 
<body> 
    ... 
    <a href="https://test.com/"><img src="test.png"></a> 
</body> 
</html>

popup.js：

document.addEventListener('DOMContentLoaded', function() { 

    /* Get all images that are direct descendants of anchor elements */ 
    var imgsInAs = document.querySelectorAll('a > img'); 

    /* For each such img element... */ 
    [].slice.call(imgsInAs).forEach(function(img) { 

     /* ...register a listener for the 'click' event that... */ 
     img.addEventListener('click', function(evt) { 

      /* ...simulates a 'click' on its parent-node 
      * (i.e. the anchor element) */ 
      evt.preventDefault(); 
      img.parentNode.click(); 
     }); 
    }); 
});

來源

2014-01-08 08:50:50 gkalpak

帶彈出窗口的圖像鏈接不適用於鉻擴展

回答

相關問題