VPF::Определить расположение курсора в элементе ввода

Loengreen

Дата 27.12.2007, 16:11 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 13.7.2007

Репутация: нет
Всего: нет

Собственно вопрос:
Как определить место расположение курсора в элементе ввода?

(Имеется input, в него вбит текст. Нужно определить в конце или в начале строки находится курсор и, если есть возможность, в том случае если курсор находится между символами, какие символы слева (справа) расположены от курсора).

Можно ли это сделать?
Если да, какими объектами пользоваться или где читать?

Заранее благодарю!

Это сообщение отредактировал(а) Loengreen - 27.12.2007, 16:44

Loengreen

Дата 28.12.2007, 03:00 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 13.7.2007

Репутация: нет
Всего: нет

Неужели нельзя это сделать? :(

AKS

Дата 28.12.2007, 10:18 (ссылка)

(нет голосов)

Загрузка ...

Участник форума

Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 27
Всего: 52

Цитата(Loengreen @ 28.12.2007, 03:00

)

Неужели нельзя это сделать? :(

Был бы уместней вопрос: "Но ведь это как-то реализовано в редакторах сообщений или еще каких-нибудь?...".

ksnk

Дата 28.12.2007, 10:52 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

В чате DDK chat использовалась такая вот функция для вставки тегов форматирования в строку ввода в позиции курсора

Код


function doInsert(codes,codee) {
    var msg =document.getElementById('msgtext'); 
    if(codee === undefined) codee='';
  // firefox
    if("selectionStart" in msg)
    {
        var val = msg.value;
        msg.value = val.substring(0, msg.selectionStart) + codes +
                 val.substring(msg.selectionStart, msg.selectionEnd) + codee +
                 val.substring(msg.selectionEnd, val.length);
    }
    // ie win
    else if (document.selection && document.selection.createRange) {
        var rng = document.selection.createRange( );
        if ((rng.text) && (rng.text!="")) {
            rng.text = codes + rng.text + codee;
        }else  {
            if (msg.caretPos) {
                var caretPos = msg.caretPos;
                caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' '
                         ? caretPos.text + codes  + codee + ' '
                         : caretPos.text + codes  + codee;
            } else
                msg.value = msg.value + codes  + codee;
        }
    } else {
    //  if (!window.opera) range.select();
      msg.value = msg.value + codes  + codee;
    }
    msg.focus();
} ;

Я ее как-то поправил, вставляя в проект, но в достаточной степени декоративно. Она относительно коректна, но, вероятно, нуждается в трезвом осмыслении и оптимизации, у меня как-то руки до этого не дошли ;-)

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

InfMag

Дата 28.12.2007, 11:19 (ссылка)

(нет голосов)

Загрузка ...

…

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: 2
Всего: 4

msg.selectionStart, msg.selectionEnd ???

ksnk

Дата 28.12.2007, 11:45 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Цитата(InfMag @ 28.12.2007, 11:19

)

msg.selectionStart, msg.selectionEnd ???

Дык!

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »