Событие: клик по кнопке Tab
Добрый день. Есть форма обратной связи. При ее активации необходимо что бы по кнопке Tab перемещение происходило только по ее элементам.
keyPress не срабатывает, keyDown перескакивает на 2-й инпут, keyUp перескакивает через кнопку. Вот ссылка https://jsfiddle.net/u81d2do6/1/ Код такой: <div id="dataforms"> <input type="text" name="name" id="name" value="" tabindex="1"/> <input type="text" name="phone" id="phone" value="" tabindex="2"/> <textarea name="comment" id="comment" tabindex="3"></textarea> <div id="callsend" class="submit" tabindex="4">Отправить</div> </div>
$("#callsend").keydown(function(e){
if(e.keyCode==9){
$('input[name="name"]').focus();
}
});
Подскажите как подправить код |
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$("#callsend").keydown(function(e){
e = e || window.event;
if(e.keyCode==9){
$('input[name="name"]').focus();
e.preventDefault ? e.preventDefault() : (e.returnValue=false);
}
});
});
</script>
</head>
<body>
<div id="dataforms">
<input type="text" name="name" id="name" value="" tabindex="1"/>
<input type="text" name="phone" id="phone" value="" tabindex="2"/>
<textarea name="comment" id="comment" tabindex="3"></textarea>
<div id="callsend" class="submit" tabindex="4">Отправить</div>
</div>
</body>
</html>
http://javascript.ru/tutorial/events...ovka-vsplytiya |
Спасибо огромное, помогло
|
| Часовой пояс GMT +3, время: 22:23. |