Устанавливает (или вызывает) обработчики JavaScript события focus (когда элемент получает фокус ввода) для всех элементов набора jQuery.

Дата добавления: 2015-07-09; просмотров: 744; Нарушение авторских прав

Синтаксис и описание:

· Добавлено в jQuery 1.0.

· focus( [handler( eventObject )] )

· Устанавливает функцию handler() как обработчик JavaScript события focus (когда элемент получает фокус ввода) для всех элементов набора jQuery. Это сокращенный форма функции.bind():

.bind('focus', handler)

Без параметра handler() запускает все обработчики JavaScript события focus, установленные во всех соответствующих элементах, и, имитируя событие focus, искусственно передает фокус соответствующим элементам набора jQuery (от первого к последнему), а обработчики получают искусственно созданный объект события Event. Это короткий вариант метода.trigger():

.trigger('focus')

Возвращаемое значение: (объект) Набор jQuery.

Параметры:

· handler([eventObject]) – Необязательный параметр - функция, назначаемая обработчиком JS события focus. Получает единственный аргумент eventObject (экземпляр объекта Event). Ключевое слово this внутри функции (контекст функции) ссылается на текущий элемент набора jQuery.

function handler(eventObject) {
this; // текущий DOM-элемент.
}

1. Примечание:

Актуально для <button>, <input>, <label>, <select>, <textarea>, <body>, а также ссылок <a>.

2. Примечание:

Команда .focus() без параметров в разных браузерах работает не одинаково. Например, в первом примере при щелчке на элементе P в браузере Internet Explorer обработчик запустится 2 раза (сразу и когда элемент получит фокус).

Чтобы предотвратить второе срабатывание обработчика для IE, во втором примере отменим поведение браузера по умолчанию вызвав метод event.preventDefault() из обработчика, чем добьемся кроссбраузерности, но элемент не получит фокус ввода.

Фокус ввода, кстати, можно передать и не устанавливая предварительно обработчик события focus (как показано в Примере 3).

Примеры:

1. Установить обработчик события focus для всех элементов <input>. При клике на параграфе <p> вызвать обработчик для первого из них.
2. <p>Передать фокус первому элементу input.</p>3. <input id="targ1" /> <input id="targ2" /> 4. 5. <script type="text/javascript">6. $('input').focus(function(event) {7. alert(event.target.tagName + '#' + event.target.id);8. });9. $('p').click(function() {10. $('#targ1').focus();11. }); </script>

· .hover()

<== предыдущая лекция | следующая лекция ==>

Устанавливает обработчик события для всех элементов набора jQuery. | Получает или устанавливает значение(я) атрибута(ов) элементов набора jQuery в зависимости от заданного(ых) параметра(ов).