将光标从文本框移动到另一个

Question

我尝试使用它从 txt 框移动到另一个框，但没有成功:

<!DOCTYPE html>
<html>
<head>
  <script
    type="text/javascript"
    src="jquery.js"

  ></script>

    <link rel="stylesheet" type="text/css" href="/css/result-light.css">


  <style id="compiled-css" type="text/css">

  </style>




  <script type="text/javascript">


    window.onload=function(){

$("input").keydown(function(e) {
     if(e.which == 37) {
     $(this).prevAll("input:first").focus();
     } 
     if(e.which == 39) {
     $(this).nextAll("input:first").focus();
     } 
});

    }

</script>

</head>
<body>
    <div style="position:absolute;left:50%;margin-left:-315px;top:0px;width:630px;height:662px;border-style:outset;overflow:hidden">    
<div style="position:absolute;left:0px;top:0px">    
<img src="files/background-001.jpg" width=630 height=662></div> 
<div style="position:absolute;left:73.33px;top:63.87px" class="cls_002">    <input type="text" name="email" size="5.5"></div>
<div style="position:absolute;left:407.64px;top:62.46px" class="cls_002">   <input type="text" name="email" size="5.5"></div>
<div style="position:absolute;left:408.42px;top:89.96px" class="cls_002">   <input type="text" name="email" size="5.5"></div>




</body>
</html>

我是 Jquery 的新手，我搜索过这个但没有任何帮助。有没有人如何使用 . 有人对此有想法吗？

提前致谢

Answer 1

如果上面是你的HTML结构..所以你需要为下一个div

使用.closest("div").prev('div').find('input')和next()

$(document).ready(function(){
  $('input').keydown(function(e) {
    if(e.which == 37) {
    $(this).closest("div").prev('div').find('input').focus();
    } 
    if(e.which == 39) {
    $(this).closest("div").next('div').find('input').focus();
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div style="position:absolute;left:73.33px;top:63.87px" class="cls_002">    <input type="text" name="email" size="5.5"></div>
<div style="position:absolute;left:407.64px;top:62.46px" class="cls_002">   <input type="text" name="email" size="5.5"></div>
<div style="position:absolute;left:408.42px;top:89.96px" class="cls_002">   <input type="text" name="email" size="5.5"></div>

将光标从文本框移动到另一个

Moving cursor from txt box to another

jquery

text

cursor

move

box