HTML img onclick Javascript

Question

如何让JavaScript在具有ONCLICK事件的新WINDOW中打开当前图像.

<script>
 function imgWindow() {
  window.open("image") }
</script>

HTML

<img src="pond1.jpg" height="150" size="150" alt="Johnson Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
<img src="pond2.jpg" height="150" size="150" alt="All-green Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
<img src="pond3.jpg" height="150" size="150" alt="Dutch Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.

Answer 1

干得好.

<img src="https://i.imgur.com/7KpCS0Y.jpg" onclick="window.open(this.src)">

Answer 2

这可能对你有用...

<script type="text/javascript">
function image(img) {
    var src = img.src;
    window.open(src);
}
</script>
<img src="pond1.jpg" height="150" size="150" alt="Johnson Pond" onclick="image(this)">

Answer 3

开发人员还关心可访问性。

不要onClick在没有定义ARIA 角色的图像上使用。

非交互式 HTML 元素和非交互式 ARIA 角色指示用户界面中的内容和容器。非交互式元素不支持事件处理程序（鼠标和键处理程序）。

开发人员和设计人员负责提供角色建议的元素的预期行为：可聚焦性和按键支持。更多信息请参阅WAI-ARIA 创作实践指南 - 设计模式和小部件。

tldr; 应该这样做：

  <img
    src="pond1.jpg"
    alt="pic id code"
    onClick="window.open(this.src)"
    role="button"
    tabIndex="0"
  />