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

问题描述 投票:0回答:1

我试图用这个从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的新手,我已经搜索了这个,但没有任何帮助。谁有人怎么做这个。有没有人对此有所了解?

提前致谢

jquery text cursor move box
1个回答
1
投票

如果上面是你的HTML结构..所以你需要使用.closest("div").prev('div').find('input')next()为下一个div

$(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>
© www.soinside.com 2019 - 2024. All rights reserved.