PuzzleWeb
.ru
HTML
CSS
JavaScript
PHP
Apache
Справочник JavaScript
>
События
> Всплытие событий
Всплытие событий
<!doctype html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Название веб-страницы</title> </head> <body> <div style="background: red; height: 100px; width: 100px;"></div> <script> "use strict"; let div = document.querySelector('div'); let body = document.querySelector('body'); let html = document.querySelector('html'); div.addEventListener("click", function () { alert('div'); }, false); body.addEventListener("click", function () { alert('body'); }, false); html.addEventListener("click", function () { alert('html'); }, false); document.addEventListener("click", function () { alert('document'); }, false); window.addEventListener("click", function () { alert('window'); }, false); </script> </body> </html>
Результат:
Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.