Позиция курсора в Input (text)

@The bird · Регистрация: 28.09.2010

Студворк — интернет-сервис помощи студентам

Всем привет!
такой вопрос: можно ли как-то получить позицию курсора в текстовом поле, например при обработке события onKeyPress? сколько ни искал - ничего не нашел

Может кто-нить в курсе, как это можно реализовать?
Заранее спасибо.

28.09.2010, 19:18

Струдом могу представить такую ситуацию когда это могло бы понадобиться...
А для чего это ?

@The bird · 28.09.2010, 19:41 **[ТС]**

Все просто до неприличия - создание маски ввода

хотца клиенту иметь возможность вводить дату ручками, и чтобы сразу было видно разделители между частями даты. Т.е. типа так: DD/MM/YYYY.
Вот и приходится извращаться...

28.09.2010, 21:33

onKeyPress анализируй весь текст в поле

29.09.2010, 00:43

А не проше ли было-бы сделать скажем
несколько полей которые по маске перестраивались бы ?
скажем что-то вроде:

Code
1
2
3
4
5
<html>
...
<input type=text>&nbsp/&nbsp<input type=text>&nbsp/&nbsp<input type=text>&nbsp/&nbsp
...
</html>

и просто фокусы передавать куда следует...можно будет
сделать чтоб поля ещё по где-то задаваемой маски подстаривались...
Ну вот у нас так делают не редко...

@The bird · 29.09.2010, 11:23 **[ТС]**

Спасибо всем за ответы

Хочу поделиться своими мыслЯми по данному вопросу - м.б. кому пригодится.
1. Методика анализа текста на onKeyPress подходит не всегда, т.к. обработка события происходит ДО изменения текста в самом контроле. Т.е. мы можем узнать, КАКОЙ символ будет введен в поле (и запретить его ввод если он нам не подходит), но не знаем, В КАКОЕ МЕСТО текста он будет введен.
2. Идея с несколькими полями приходит в голову первой - это самое простое, но просто хотелось сделать контрол как в нормальных прогах,
жаль - не получится. Походу, придется использовать несколько полей, объединив их в компонент - т.к. эта фигня используется в проекте во многих местах.
Еще раз - спасибо всем.

29.09.2010, 12:33

Почему не получиться ???
Во первых можно поковырять регепсы...вполне вероятно, что получиться
кроме того если уж на крояйняк так припёрло то можно действительно
через onKeyPress просто отслеживать нажатия стрелок, home, end ну и просто буквов
хранить таким образом положение курсора в глобальной переменной.
вот и всё, идея может и не лучшая...но и потребность вобшем-то сомнительная =))

@Dirty · 29.09.2010, 17:14

Существует ие-онли вариант:

Code
1
2
3
var tr = document.selection.createRange();
tr.moveStart('textedit', -1);
return tr.text.length;

Только вот onkeypress не слишком пойдет для этих целей, скорее onkeyup; но и он при зажатой клавише не срабатывает, и при использовании мыши. Можно использовать setExpression(), или ручками менять в onkeypress/onkeyup и возвращать false.

02.10.2010, 19:09

А если так!

PHP/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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html>
<script>
 
function checkmask(o){
 l=o.value.length;
 if(l==2 || l==5) o.value+='/';
}
 
function checkkey(o){
 var k=event.keyCode;//alert(k);
 l=o.value.length;
 if(
       (k>=48 && k<=51 && l==0) //Первая цифра даты 0-3
  //Вторая цифра даты не 0, если первая 0
   || (k>=49 && k<=57 && (l==1 && parseInt(o.value.charAt(0))==0 ) )
  //Вторая цифра даты только 1, если первая 3
   || (k>=48 && k<=49 && (l==1 && parseInt(o.value.charAt(0))==3 ) )
  //Вторая цифра даты любая, если первая 1 или 2
   || (k>=48 && k<=57 && (l==1 && (parseInt(o.value.charAt(0))==1 ||  parseInt(o.value.charAt(0))==2) ) )
 
   || (k>=48 && k<=49 && l==3 ) //Первая цифра месяца 0 или 1
 
  //Вторая цифра месяца 1-9, если первая 0
   || (k>=49 && k<=57 && (l==4 && parseInt(o.value.charAt(3))==0 ) )
  //Вторая цифра месяца только 1 или 2, если первая 1
   || (k>=48 && k<=50 && (l==4 && parseInt(o.value.charAt(3))==1 ) )
 
   || (k>=49 && k<=50 && l==6 ) //Первая цифра года 1 или 2
 
  //Вторая цифра года 9, если первая 1
   || (k==57 && (l==7 && parseInt(o.value.charAt(6))==1 ) )
  //Вторая цифра года 0, если первая 2
   || (k==48 && (l==7 && parseInt(o.value.charAt(6))==2 ) )
 
   || (k>=48 && k<=57 && (l==8 || l==9) )  //Любые цифры 
 
  ) return true;
 
 return false;
}
 
function KeyDown(o){
 var k=event.keyCode;//alert(k);
 if( k==8 || k==46 ) o.value='';
}
 
</script>
 
<body>
<input onKeyUp='checkmask(this)' onKeyPress='return checkkey(this)' onKeyDown='KeyDown(this)' onpaste='return false;'>
</body>
 
</html>

Новые блоги и статьи Все статьи Все блоги /
Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .

@The bird 0 / 0 / 0 Регистрация: 28.09.2010 Сообщений: 6

	Позиция курсора в Input (text) 28.09.2010, 18:28. Показов 10204. Ответов 8 Метки нет (Все метки) Всем привет! такой вопрос: можно ли как-то получить позицию курсора в текстовом поле, например при обработке события onKeyPress? сколько ни искал - ничего не нашел Может кто-нить в курсе, как это можно реализовать? Заранее спасибо. 0

freem
	28.09.2010, 19:18
	Струдом могу представить такую ситуацию когда это могло бы понадобиться... А для чего это ?

@The bird 0 / 0 / 0 Регистрация: 28.09.2010 Сообщений: 6
	28.09.2010, 19:41 [ТС]
	Все просто до неприличия - создание маски ввода хотца клиенту иметь возможность вводить дату ручками, и чтобы сразу было видно разделители между частями даты. Т.е. типа так: DD/MM/YYYY. Вот и приходится извращаться... 0

evge
	28.09.2010, 21:33
	onKeyPress анализируй весь текст в поле

@The bird 0 / 0 / 0 Регистрация: 28.09.2010 Сообщений: 6
	29.09.2010, 11:23 [ТС]
	Спасибо всем за ответы Хочу поделиться своими мыслЯми по данному вопросу - м.б. кому пригодится. 1. Методика анализа текста на onKeyPress подходит не всегда, т.к. обработка события происходит ДО изменения текста в самом контроле. Т.е. мы можем узнать, КАКОЙ символ будет введен в поле (и запретить его ввод если он нам не подходит), но не знаем, В КАКОЕ МЕСТО текста он будет введен. 2. Идея с несколькими полями приходит в голову первой - это самое простое, но просто хотелось сделать контрол как в нормальных прогах, жаль - не получится. Походу, придется использовать несколько полей, объединив их в компонент - т.к. эта фигня используется в проекте во многих местах. Еще раз - спасибо всем. 0

freem
	29.09.2010, 12:33
	Почему не получиться ??? Во первых можно поковырять регепсы...вполне вероятно, что получиться кроме того если уж на крояйняк так припёрло то можно действительно через onKeyPress просто отслеживать нажатия стрелок, home, end ну и просто буквов хранить таким образом положение курсора в глобальной переменной. вот и всё, идея может и не лучшая...но и потребность вобшем-то сомнительная =))