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>

将光标从txt框移到另一个

1 个答案: