Научить Enter работать как Tab

234
07 октября 2017, 22:09

Смотрел сайты по этому вопросу. Вот например:

<html> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
 
<head> 
  <script> 
    function KeyPress(e, element) { 
      var kk = navigator.appName == 'Netscape' ? e.which : e.keyCode; 
      if (kk == 13) { 
        document.keypressform.elements[element].focus(); 
        return false 
      } 
      return true 
    } 
  </script> 
</head> 
 
<body onload="document.keypressform.textarea.focus();"> 
 
  <form name="keypressform"> 
    <fieldset> 
      <legend>Отлавливаем нажатие клавиши Enter</legend> 
      <textarea name="textarea" onKeyPress="return KeyPress(event, 2);"></textarea><br> 
      <input type="text" name="textfield" onKeyPress="return KeyPress(event, 3);"><br> 
      <input type="text" name="textfield2" onKeyPress="return KeyPress(event, 4);"><br> 
      <input type="text" name="textfield3" onKeyPress="return KeyPress(event, 5);"><br> 
      <input type="submit" name="submitbutton"> 
    </fieldset> 
  </form> 
 
</body> 
 
</html>

Как сверху это работает. Но у меня в одном html куча форм поделенные на дивы. Одна форма скрывается, другая проявляется. Пытался поставить этот фрагмент как общий - не работает. Пытался в скриптах ставить скриптик из фрагмента для каждой активной формы отдельно. Тоже не работает. Скрипты у меня лежат отдельно от html. Может в этом вся загвоздка. Пытался оборачивать скриптик как обработку класса и указывать этот класс в свойствах тэга. Тоже не работает. Так теперь вот мой код:

<body> 
  <div id="div1" name="div1" class="container"> 
    <fieldset class="sign_frame"> 
      <legend>РЕГИСТРАЦИЯ</legend> 
      <fieldset> 
        <legend>1</legend> 
        <label><input type="text" name="login" id="login"  
                          onKeyPress="return KeyPress(event, 2);" class="input keypress" 
                          AUTOCOMPLETE="off"></label> 
      </fieldset> 
 
      <fieldset> 
        <legend>2</legend> 
        <label><input type="password" name="pass0" id="pass0" 
                          onKeyPress="return KeyPress(event, 3);" class="input keypress"></label> 
        <input type="button" name="but0" id="but0" onKeyPress="return KeyPress(event, 4);" value="ИЗМЕНИТЬ" class="but keypress"> 
        </br><span id="span1" name="span1" class="hint"></span> 
        <label><input type="password" name="pass1" id="pass1"  
                          onKeyPress="return KeyPress(event, 5);" class="input keypress"></label></br> 
        <label><input type="password" name="pass3" id="pass3"  
                          onKeyPress="return KeyPress(event, 6);" class="input keypress"></label> 
        <img src="images/okey.png" id="img_fl_pr" class="pict"> 
        </br><span name="itog1" id="itog1" class="hint">От 8 до 21 знаков.</span> 
      </fieldset> 
    </fieldset> 
  </div> 
 
  <div id="div2" name="div2" class="container hint"> 
    /* примерно тоже самое что что в div1 */ 
  </div> 
 
  <div id="div3" name="div3" class="container hint"> 
    /* примерно тоже самое что что в div1 */ 
  </div> 
 
</body>

скрипт либо такой же как в примере, либо пытался обернуть в обработку класса:

$('.keypress').keypress(function KeyPress(e,element){ 
	var kk = navigator.appName == 'Netscape' ? e.which : e.keyCode; 
	if (kk == 13) 
	{ 
			document.keypressform.elements[element].focus(); 
			return false 
	} 
	return true 
});

Как то вот так хотел запутать)) Может есть что-то более универсальное типа TextBox?

READ ALSO
Прижать блок к границе экрана до завершения анимации
javascript

Прижать блок к границе экрана до завершения анимации

Есть блок 25% ширины, таких еще 4В каждом блоке текст, который прижат к левому краю экрана при помощи

 181
Owl-carousel только на мобилках
javascript

Owl-carousel только на мобилках

Подскажите, есть какое-либо решение, чтобы отключать owl-carousel на больших разрешениях, и включать только на мобилках ?

 231
двойная сортировка в Mysql
PHP

двойная сортировка в Mysql

Есть таблица с разными данными включая поле starts(datetime)Мне нужна такая сортировка что: если starts > NOW() тогда order by starts ASC и если starts < NOW() тогда...

 253
как проверить существует ли файл по url?
PHP

как проверить существует ли файл по url?

как можна с помощю php проверить существует ли файл по url например: если файл http://minionomaniyaru/wp-content/uploads/2016/01/%D0%9A%D0%B5%D0%B2%D0%B8%D0%BD

 323