Используйте "вкладки" в поле textarea

Question

Можно ли использовать "вкладки" (отступ) в текстовой области с помощью JavaScript.При нажатии кнопки вкладки фокусируется следующий элемент формы.Но мне нужно сделать отступ для текста в textarea.

В настоящее время я работаю в проекте, и любой код с javascript или jquery поможет мне.

Answer 1

Лучший плагин, который я видел для этого, это Tabs в плагине Textarea . Вы можете попробовать демо на его странице .

Настройка довольно проста, так как имеет простой эффект :

$("textarea").tabby();

Больше всего меня раздражали другие плагины - отсутствие shift + tab , которое это обрабатывает. Вы можете сделать это без плагина, но я бы не стал в этом случае ... это будет немного кода, в зависимости от того, какая функциональность вам нужна. Операции TextRange в кросс-браузерном режиме все еще немного затруднены, это один из случаев, когда плагин является лучшим подходом, IMO.

Answer 2

Что-то вроде этого:

<input onkeypress="if(event.keyCode == 9) { this.value += '    '; return false; }">

Обычно, когда вы нажимаете код клавиши 9 (клавиша Tab), я возвращаю false. Это предотвращает фокусировку другого элемента на странице.

Чтобы имитировать пробелы табуляции, я просто сам добавляю пробелы к значению самого ввода.

Answer 3

Попробуйте: запишите клавишу табуляции в событиях нажатия клавиш и остановите распространение. Я не уверен, будет ли это работать согласованно во всех браузерах; попробуй!