如何使用javascript聚焦图像

How to focus images using javascript?

本文关键字：图像 聚焦 javascript 何使用      更新时间：2023-09-26

我在我的HTML页面上有两个图像和文本框我希望我的第一个图像被聚焦每当我在文本框中输入3作为第一个字符，第二个图像被聚焦为4，等等......

<script type="text/javascript">
    function GetChar (event){
        var chCode = ('charCode' in event) ? event.charCode : event.keyCode;
          if (chCode == 51 /* + */)
          {
             document.getElementById("logo").focus();
             document.getElementById("logo1").blur();
          }
          if (chCode == 52)
          {
             document.getElementById("logo").blur();
             document.getElementById("logo1").focus();
          }
    }
</script>  


  <img id="logo" src="abc.png" alt=""/>
 <img id="logo1" src="def.png" alt=""/>
<input size="40" value="Write a character into this field!" onkeypress="GetChar (event);"/>

您可以将tabIndex属性设置为"0"对于键入id而不是焦点的图像。

尝试在INPUT中使用像

这样的图像
<INPUT type="image" id="logo" src="abc.png" />
<INPUT type="image" id="logo" src="def.png" />
相关文章：