Перемещение курсора из текстового поля в другое - PullRequest
Новая
       8

Перемещение курсора из текстового поля в другое

0 голосов
/ 24 февраля 2019

Я пытался использовать это для перехода от текстового поля к другому, но это не сработало: 

<!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, я искал это, но ничего не помогло.Кто-нибудь, как это сделать с.У кого-нибудь есть идеи по этому поводу?

СПАСИБО В РАМКАХ

1 Ответ

0 голосов
/ 24 февраля 2019

Если выше - ваша 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...