Question

我的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);"/>

Answer 1

您可以将 tabIndex 属性设置为＆＃34; 0＆＃34;对于已键入id而非焦点的图像。

Answer 2

尝试使用INPUT中的图像

<INPUT type="image" id="logo" src="abc.png" />
<INPUT type="image" id="logo" src="def.png" />

如何使用javascript聚焦图像？

2 个答案: