Question

为什么此代码无法正常运行？

<img src="picture.jpg" id="picture"/>

<script>
document.getElementById('picture').onkeydown = function() {alert('tekst');}
</script>

Answer 1

您的图片没有焦点，因此它不会收听'onkeydown'事件。我不确定是否可以提供图像焦点以使你的onkeydown事件发挥作用。

相反，您可以将图像放置在可以具有焦点的a-tag中，因此可以收听onkeydown事件。

这样的事情：

<a id="picture" href="#">
    <img src="picture.jpg" />
</a>

<script>
   // The a tag
   var picture = document.getElementById('picture');
   // You have to put focus on the atag (or any element that you want to have for you onkeydown event.
   picture.focus();
   // Now your event will work
   picture.onkeydown = function() {
       alert('tekst');
   }
</script>

Img onkeydown不起作用

1 个答案: