1 марта 2012 г. jQuery Релизы In English

jQuery. Написал плагин jquery-cleverfocus

Зарелизил сегодня плагин для jQuery, который при вводе на сайте текста пользователем "в никуда" перехватывает это и по истечению лимита введенных символов выбрасывает собранные данные в нужный нам инпут и ставит на него фокус.

Плагин совместим с версией jQuery 1.7.1, так как тестировался только на нём.

А зачем вообще это?

Случай #1

Пользователь приходит на сайт, видит форму поиска, набирает искомое слово (при этом он чаще всего смотрит в клавиатуру), подняв голову он понимает что набирал текст "в никуда", сильно бесится, ставит фокус, вводит несколько символов, проверяет что у него получается набирать текст "куда надо" и со спокойной душой продолжает набирать искомое слово.

Тут вы скажете "Эй! надо ставить фокус после загрузки DOM!", ан нет, это тоже плохое решение, разберем второй кейс.

Случай #2

Пользователь приходит на сайт, ему не интересна форма поиска, он хочет поскроллить/полистать (Left/Right, Up/Down, PgUp/PgDown, Home/End и т.д.) страницу с помощью клавиатуры (пользователей, которые пользуются ноутбуками без использования мыши достаточно много), а так как у нас стоит фокус в форме поиска, то он снова обламывается.

Для решения этих вот двух кейсов и был создан плагин jquery-cleverfocus.

Пример использования

Допустим у вам есть форма поиска с id="search_input":

<input id="search_input" />

То для неё следует использовать плагин так:

$("#search_input").cleverfocus({
    keypress_limit: 3
});

В поставку входит functional_test.html, на котором вы можете проверить плагин, также в целях демонстрации я разместил плагин на adw0rd.github.com/jquery-cleverfocus.

Почему он так называется?

Сначала, я дал ему имя "jquery-autofocus", но потом поискал в гугле это название и нашёл плагин с таким же названием, которой призван эмулировать атрибут autofocus из HTML5 в HTML меньших версий.

Потом я решил назвать его "jquery-smartfocus", но и тут поджидало меня разочарование, так как есть и такой плагин.

В итоге, назвал его по "человечному" - cleverfocus.