Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Как в textarea перети на новую строчку нажав Shift

Автор: Elfet 1.2.2008, 14:12

Как в textarea перети на новую строчку нажав Shift + Enter? А по Enter отправить форму? smile

Автор: dsCode 2.2.2008, 01:34

Elfet,

- повесить onkeydown на texare'ю;
- обработать в нем e.keyCode (13) и e.shifKey (если оба присутствуют - сделать this.value += '\n', если только первый - отправка формы), также предотвратить дефолтные события

Автор: Elfet 3.2.2008, 21:36

Ок, спасибо!

Автор: Elfet 6.2.2008, 11:41

А как сделать так что бы ещё при нажатии на enter новая строчка не появлялась?

Код


function Keydown(evt) {
    var text = document.getElementById("text");
    evt = (evt) ? evt : ((window.event) ? event : null )
    if(evt) {
        if(evt.keyCode == 13 && evt.shifKey) {
            text.value += '\n';
        } else if(evt.keyCode == 13) {
            text.value = ''; 
                         ВОТ ТУТ
        }
    }
}

Автор: Ghirik 6.2.2008, 12:18

Наверное, вместо text.value = ''; написать evt.returnValue; и следом сабмит вашей формы, попробуйте.

Автор: Elfet 6.2.2008, 15:48

У меня никакой формы нет. только textarea. evt.returnValue?

Автор: Ghirik 6.2.2008, 16:54

Цитата

evt.returnValue?

Да, этим вы отмение обработчика события имеющегося по умолчанию. Прервете обработку события (перевод на новую строку). А форму можете не отправлять, просто, Вы в первом посте написали про отправку формы по нажатию Enter.

Автор: Elfet 6.2.2008, 23:25

Да, точно. Неточность smile

Но это тут не так важно.

Так как этим воспользоваться? Как прервать событие?

Код


<textarea id="text" style="width:100%;height:45px;" onkeydown="Keydown(event);"></textarea>

Код


function Keydown(evt) {
    var text = document.getElementById("text");
    evt = (evt) ? evt : ((window.event) ? event : null )
    if(evt) {
        if(evt.keyCode == 13 && evt.shiftKey) {
            text.value += '\n';
            evt.returnValue();
        } else if(evt.keyCode == 13) {
            //Send(text.value);
            text.value = '';
            evt.returnValue();
        }
    }
}

Автор: ksnk 6.2.2008, 23:49

Как-то мучался с такого рода обработкой, сочинилось вот это

Код


function clearEv(e){
    if (e.preventDefault) e.preventDefault()
    e.cancelBubble = true;
    if(e.stopPropagation) e.stopPropagation();
    return (e.returnValue = false);
}

писать нужно return clearEv(evt);

Автор: Elfet 6.2.2008, 23:55

evt.returnValue = null; - тока в IE работает?

Добавлено через 1 минуту и 39 секунд
ksnk, ооо!! отлично работает! везде?

Автор: ksnk 7.2.2008, 00:21

Я пока не встречал мест, где бы она не работала ;-) Я, правда, бываю не везде. Ie-6/7 FF, Опера 9.25... smile

Автор: Ghirik 7.2.2008, 00:34

Я сам путаный, Вы меня ещё запутали... smile

Строчка

Код


evt.returnValue = false;

отменит выполнение обработки события evt, в данном случае keydown. Но чтобы не произошла вствка символа, по моему, нужно отменять keypress(не уверен).

Вы опишите конкретно чего Вы добиваетесь. Вставляя строчку text.value = ''; Вы полностью затираете всё, что было набрано. Так и нужно? Нажатие enter при нажатом шифте и так приводит к простому переводу строки. Зачем тогда вы всё это делаете?

Добавлено через 2 минуты и 47 секунд
Во блин, опоздал с постом. Всё время забываю обновить страницу.... наоткрываю штук двадцать, так и висят.... smile

ksnk, как вы догадались чего Elfet хочет добиться? smile

Добавлено через 8 минут и 42 секунды
ksnk, а что returnValue = false работает не везде? Я использую, ошибок не видел... Только я обработчиков вешаю свойством объекта.

Автор: ksnk 7.2.2008, 00:52

Цитата(Ghirik @ 7.2.2008, 00:34

)

ksnk, как вы догадались чего Elfet хочет добиться?

Дык

Цитата(Elfet @ 6.2.2008, 11:41

)

А как сделать так что бы ещё при нажатии на enter новая строчка не появлялась?

просто недавно к своему калькулятору в окно редактирования прикручивал Tab/Shift-Tab чтобы он не переходил по контролам, а вставлял - сдвигал блок текста... Оперу, кстати, так толком и не уговорил...
Так что такие листинги, пока, узнаю "в лицо" ;-)

Автор: Ghirik 7.2.2008, 00:57

Цитата

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

Автор: ksnk 7.2.2008, 08:09

Цитата(Ghirik @ 7.2.2008, 00:57

)

только заметно было, как курсор обратно встает

Угу... В Опере вот так и осталось, а IE и FF удалось полностью уговорить игнорировать табуляцию, а делать только то, что надо...