Отправляет email-рассылки с помощью сервиса Sendsay

Как создать сайт

  Все выпуски  

Как создать сайт


Всплытие и перехват событий

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

Бывает очень полезно при обработке  больших вложенных списков или таблиц, чтобы не назначать каждому элементу  обработчик события можно назначить  один обработчик на родительский элемент, а событие уже будет распространяться на  все  вложенные элементы в родитель.  Давайте рассмотрим на примере.

Этот обработчик для <div> сработает, если вы кликните по вложенному тегу <em> или <code>:

<div onclick="alert('Обработчик на Div сработал!')">
  <em>Кликните на EM, сработает обработчик на DIV</em>
</div>

Как видите при клике на вложенном элементе em срабатывает обработчик на div. Почему так происходит? Читайте дальше и узнаете. 

Всплытие событий javascript


В избранное