Нажатие клавиши в jQuery: Нажмите TAB в ТЕКСТОВОЙ ОБЛАСТИ (при редактировании существующего текста)
Позвольте мне указать на Вас на свою статью. Это - только несколько строк кода.
, Хотя у меня в настоящее время есть проблемы с x64 реализация этого .
4 ответа
Я создавал для себя простую IDE на базе AJAX, чтобы я мог быстро тестировать фрагменты PHP.
Я помню, как наткнулся на ту же проблему, вот как я ее решил:
$('#input').keypress(function (e) {
if (e.keyCode == 9) {
var myValue = "\t";
var startPos = this.selectionStart;
var endPos = this.selectionEnd;
var scrollTop = this.scrollTop;
this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos,this.value.length);
this.focus();
this.selectionStart = startPos + myValue.length;
this.selectionEnd = startPos + myValue.length;
this.scrollTop = scrollTop;
e.preventDefault();
}
});
#input - это идентификатор текстового поля.
Код не полностью мой, я нашел его где-то в Google.
Я тестировал его только на FF 3.5 и IE7. К сожалению, он не работает в IE7.
кстати, см. Также:
http://aspalliance.com/346_Tabbing_in_the_TextArea
К сожалению, манипулировать текстом внутри элементов textarea не так просто, как можно было бы надеяться. Причина, по которой Табби больше, чем эти простые отрывки, в том, что она работает лучше. Он имеет лучшую кроссбраузерную совместимость и обрабатывает такие вещи, как выбор табуляции.
При минимизации его размер составляет всего около 5 КБ. Предлагаю использовать это. Вам все равно придется самостоятельно обнаруживать и устранять те же самые крайние случаи, или вы можете даже не знать о них, если пользователи не сообщат о них.
Да, работа с выбором полей ввода в разных браузерах - это раздражение, особенно потому, что в IE есть несколько методов, которые выглядят так, как будто они должны работать, но на самом деле не работают » т. (Примечательно, что комбинирование с использованием setEndPoint и затем измерение длины , что выглядит нормально, пока выделение не начинается или не заканчивается переводом строки.)
Вот пара служебных функций, которые я использую для работы с вводом выбор. Он возвращает значение ввода, разделенного на биты, которые находятся до, внутри и после выделения (при этом выделение считается пустой строкой в позиции фокуса ввода, если это не выделение). Это упрощает замену и вставку содержимого в нужном месте, при этом заботясь о проблеме IE CRLF.
(Возможно, существует jQuery, который делает что-то подобное, но я еще не встречал такого.)
// getPartitionedValue: for an input/textarea, return the value text, split into
// an array of [before-selection, selection, after-selection] strings.
//
function getPartitionedValue(input) {
var value= input.value;
var start= input.value.length;
var end= start;
if (input.selectionStart!==undefined) {
start= input.selectionStart;
end= input.selectionEnd;
} else if (document.selection!==undefined) {
value= value.split('\r').join('');
start=end= value.length;
var range= document.selection.createRange();
if (range.parentElement()===input) {
var start= -range.moveStart('character', -10000000);
var end= -range.moveEnd('character', -10000000);
range.moveToElementText(input);
var error= -range.moveStart('character', -10000000);
start-= error;
end-= error;
}
}
return [
value.substring(0, start),
value.substring(start, end),
value.substring(end)
];
}
// setPartitionedValue: set the value text and selected region in an input/
// textarea.
//
function setPartitionedValue(input, value) {
var oldtop= input.scrollTop!==undefined? input.scrollTop : null;
input.value= value.join('');
input.focus();
var start= value[0].length;
var end= value[0].length+value[1].length;
if (input.selectionStart!==undefined) {
input.selectionStart= start;
input.selectionEnd= end;
if (oldtop!==null)
input.scrollTop= oldtop;
}
else if (document.selection!==undefined) {
var range= input.createTextRange();
range.collapse(true);
range.moveEnd('character', end);
range.moveStart('character', start);
range.select();
}
}