Очень интересный маленький плагин для библиотеки jquery был найден на просторах интернета. Он позволяет точно выставлять позицию курсора в текстовом поле (input type=»text») или в текстовой области (textarea).
Вот этот плагин: $.fn.setCursorPosition = function(pos) {
if ($(this).get(0).setSelectionRange) {
$(this).get(0).setSelectionRange(pos, pos);
} else if ($(this).get(0).createTextRange) {
var range = $(this).get(0).createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range...
Меняем обычный курсор на свой двумя способами: первый очень простой при помощи только CSS, второй посложнее с применением Javascript. Этот материал есть на нашем сайте Frontext.ru. Зачем вообще его кастомизировать? Действительно, доля touchscreen устройств неуклонно растёт, и такая затея кажется слишком сомнительной. Но всё-таки, иногда это может быть полезным. Например, для того, чтобы подчеркнуть уникальный дизайн либо вызвать нужные эмоции у пользователя. Разберём два небольших примера, как это можно сделать...