VDS за 300р от нашего партнера SpaceWeb
[45]
27 Июл 2012, 16:16

Табуляция в textarea при нажатии кнопки Tab

Привет!

Нужно реализовать установку табуляции для текстового поля textarea, при нажатии на кнопку Tab. По умолчанию браузер ведет себя не так как мне нужно, а именно переключает фокус на следующее поле. Подскажите, как включить табуляцию.

#javascript

Комментарии (1)
grom 27.07.2012 16:38

Если по простому одной функцией, то так.

function insertTab(evt, obj)
{
evt = evt || window.event;
var keyCode = evt.keyCode || evt.which || 0;

if(keyCode == 9)
{
if(document.selection)
{
document.selection.createRange().duplicate().text = "\t";
}
else if(obj.setSelectionRange)
{
var strFirst = obj.value.substr(0, obj.selectionStart);
var strLast  = obj.value.substr(obj.selectionEnd, obj.value.length);

obj.value = strFirst + "\t" + strLast;

var cursor = strFirst.length + "\t".length;

obj.selectionStart = obj.selectionEnd = cursor;
}

if(evt.preventDefault && evt.stopPropagation)
{
evt.preventDefault();
evt.stopPropagation();
}
else {
evt.returnValue = false;
evt.cancelBubble = true;
}

return false;
}
}

<textarea onkeydown="insertTab(event, this)">
+3

Добавить комментарий

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 14079]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 9736]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 8995]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 8860]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7363]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 7093]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 5135]

Вести с Хабра