Img onkeydown不工作

Question

爲什麼這段代碼無法正常工作？

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

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

Answer 1

你的形象沒有焦點，所以它不會聽'onkeydown'事件。我不確定是否有可能爲了讓您的onkeydown事件發揮作用而提供圖像焦點。

相反，您可以將您的圖像放在一個可以聚焦的a標籤內，因此可以收聽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>