Ссылка с изображением на всплывающее окно не работает. Например, это как этот код.Ссылка с изображением на всплывающее окно не работает в расширении хрома
<a href="https://test.com/"><img src="test.png"></a>
Эта проблема связана с «onclick» на Javascript.
Есть ли хороший способ работать с изображением в обычном режиме?
Поскольку вы 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();
});
});
});