качество и надёжность с 2008 года

8 (800) 200-25-11

Техническая поддержка support@komtet.ru —

круглосуточно и без выходных дней

load-whois

Онлайн-касса

для интернет-магазина

Подключите ваш интернет-магазин

к онлайн-кассе в соответствии с 54-ФЗ

Главная Техническая библиотека Оптимизация работы сайта Javascript Корректная разработка обработчиков событий

Корректная разработка обработчиков событий

В статье "Develop Smart Event Handlers" автор говорит о рациональном подходе при использовании обработчиков событий. Он рекомендует прикреплять один обработчик для целой группы элементов, а не для каждого элемента отдельный обработчик.

Иногда страницы открываются медленнее из-за слишком большого количества обработчиков событий при различных элементах дерева DOM. Вот почему использование делегированных событий оправдывает себя. Если у вас 10 элементов внутри тега div, то прикрепите только один обработчик событий для всех элементов тега div, вместо того, чтобы прикреплять отдельный обработчик для каждого элемента. События "всплывут" и Вы сможете поймать событие, и выяснить, с каким элементом оно связано.

Вам также не нужно ждать события для того, чтобы начать работать с деревом DOM. Зачастую всё, что вам нужно, так это то, чтобы элемент, к которому Вы хотите получить доступ, был доступен в дереве. Вам не придётся ждать загрузки всех изображений. DOMContentLoaded - то событие, которое Вы могли бы использовать вместо onload, но пока он доступен во всех браузерах, вы можете использовать утилиту  YUI Event, которая имеет метод onAvailable.

Для получения дополнительной информации см. статью Julien Lecomte "Высокопроизводительные Ajax-приложения".

 

Оригинал статьи на developer.yahoo.com

Перевод КОМТЕТ komtet.ru

Клиентам — домены в подарок!
Бесплатный тест виртуального хостинга
Перенос сайта — бесплатно
Все акции
На сайте КОМТЕТ используются cookie-файлы, данные о IP-адресе и местоположении посетителей. Если, прочитав это сообщение, вы остаетесь на нашем сайте, это означает, что вы не возражаете против использования этих технологий.