Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переход по input по кругу при помощи tabindex / 9 сообщений из 9, страница 1 из 1
31.10.2014, 14:45
    #38793014
1221122121
1221122121
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по input по кругу при помощи tabindex
Код: html
1.
2.
3.
4.
<input type="text"  tabindex="1" id="one"/>
<input type="text"  tabindex="2" />
<input type="text"  tabindex="3" />
<input type="text"  tabindex="4" onkeydown="key(event)"/>



Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
    

        function key(event)

        {

            if(event.keyCode == "9") 
            {
                console.log('ssssss');
                document.getElementById("one").focus();
            }

        }



если мы переходим с последнего элемента, то кидает на второй, а не на первый
как исправить?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.10.2014, 15:28
    #38793100
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по input по кругу при помощи tabindex
1221122121,

тут лучше onkeyup использовать. Так работает
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<input type="text" value="11" tabindex="1" id="one" focused>
<input type="text" value="22" tabindex="2" />
<input type="text" value="33" tabindex="3" />
<input type="text" value="44" tabindex="4" onkeyup="key(event)"/>

<script>
el = document.getElementById("one");
el.focus();
function key(event) {
	if (event.keyCode == "9") {el.focus();}
}
</script>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.10.2014, 15:34
    #38793115
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по input по кругу при помощи tabindex
Стоп. В Мозилле не работает...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.10.2014, 15:36
    #38793117
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по input по кругу при помощи tabindex
1221122121как исправить?
Завести "нулевой" элемент и фокусить его...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function key(event) {
	if(event.keyCode == "9") {
		document.getElementById("one").focus();
	};
};
</script>
</head>
<body> 
<input type="hidden"  tabindex="0" id="one" />
<input type="text"  tabindex="1" />
<input type="text"  tabindex="2" />
<input type="text"  tabindex="3" />
<input type="text"  tabindex="4" onkeydown="key(event)"/>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.10.2014, 15:38
    #38793121
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по input по кругу при помощи tabindex
user89Стоп. В Мозилле не работает...
И мой вариант не работает...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.10.2014, 15:44
    #38793135
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по input по кругу при помощи tabindex
А ларчик просто открывался...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function key(event) {
	if(event.keyCode == "9") {
		document.getElementById("one").focus();
		return false;
	};
	return true;
};
</script>
</head>
<body> 
<input type="text"  tabindex="1"  id="one" />
<input type="text"  tabindex="2" />
<input type="text"  tabindex="3" />
<input type="text"  tabindex="4" onkeydown="return key(event);"/>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.10.2014, 18:11
    #38793317
1221122121
1221122121
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по input по кругу при помощи tabindex
вот плин, я парился пол дня
ребят спасибо огромное
P.S. я не понял только в чем отличие return key(event) от key(event), как это работает
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2014, 12:14
    #38793591
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по input по кругу при помощи tabindex
1221122121я не понял только в чем отличие return key(event) от key(event), как это работает
Код: javascript
1.
key(event)


Просто вызов функции...

Код: javascript
1.
return key(event)


А это возврат значения, которое вернет вызванная функция...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2014, 20:54
    #38793925
Паша01
Паша01
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по input по кругу при помощи tabindex
А чем используется возвращаемое значение?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переход по input по кругу при помощи tabindex / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 509ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446577]:
 0ms
get settings:
 9ms
get forum list:
 10ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 131ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 39ms
get tp. blocked users:
 1ms
others: 303ms
total:  509ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]