Увеличение textarea при нажатии enter - есть ответ

Без имени, 343 просмотра

Изначально <textarea rows='1'></textarea>

Нужно чтобы при нажатии enter textarea увеличивался, тоисть rows+1.
Делаю так
$("textarea").keypress(function(e){
if (e.keyCode === 13)
{
var rows = $("textarea").attr("rows");
rows = parseInt(rows)+1;
$("textarea").attr("rows",rows);
}

});

Но при нажатии ентер, просто курсор переводит на следующую строку, но текстареа не увеличивается.
return false не помагает

Даже так не работает
$("textarea").keypress(function(e){
if (e.keyCode === 13)
{
alert("bla");
}

});

Всьо равно просто курсор переводит на следующую строку.
Как это сделать????

Примечание:
А как сделать, чтобы при нажатии backspace(когда курсор переходит на строку вверх) количество rows уменьшилось?

Ответы:

AdmGelax

http://jsfiddle.net/Oliver_kh/nSDN3/

Axentar

Запихни тело функции в функцию загрузки окна.
т.е.:
<script type='text/javascript'>
$(window).load(function(){
$("textarea").keypress(function(e){
if (e.keyCode === 13)
{
var rows = $("textarea").attr("rows");
rows = parseInt(rows)+1;
$("textarea").attr("rows",rows);
}
});
});
</script>

11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.