В этой статье описывается модель захвата событий и модель пузырьков в JS. Поделитесь этим для вашей ссылки.
Конкретный метод реализации следующим образом:
Пример 1:
Скопируйте код следующим образом: <html>
<голова>
<script type = "text/javascript">
window.onload = function () {
document.getElementById ('par'). addEventListener ('click', function () {alert ('par');}, true);
document.getElementById ('son'). addEventListener ('click', function () {alert ('son');}, true);
}
</script>
<стиль типа = "text/css">
#par {ширина: 300px; высота: 200px; фон: серый;}
#SON {ширина: 200px; высота: 100px; фон: зеленый;}
</style>
</head>
<тело>
<div id = "par">
<div id = "son"> </div>
</div>
</body>
</html>
Пример 2:
Скопируйте код следующим образом: <html>
<голова>
<script type = "text/javascript">
window.onload = function () {
document.getElementbyId ('par'). addEventListener ('click', function () {alert ('par');});
document.getElementbyId ('son'). addEventListener ('click', function () {alert ('son');});
}
</script>
<стиль типа = "text/css">
#par {ширина: 300px; высота: 200px; фон: серый;}
#SON {ширина: 200px; высота: 100px; фон: зеленый;}
</style>
</head>
<тело>
<div id = "par">
<div id = "son"> </div>
</div>
</body>
</html>
AddEventListener: Третий параметр является необязательным параметром, который по умолчанию является ложным, указывающим на модель пузыря, то есть наименьший слой сначала запускается (div с ID - это сын); И если добавлен истинный параметр, это означает, что это модель захвата (от HTML-> Body ---> div), запускающая в соответствии с таким уровнем.
HTML -код примера 1 имеет два div. Небольшой див содержится в большом див. Нажав на маленький Div, событие Alert ('Par') сначала будет запускается; И тогда будет запускается целая программа предупреждения («сын»). Пример 2 точно наоборот.
Если для запуска события используется атрибут «Object.Onclick», используется модель пузырьков.
IE не поддерживает AddEventListener, но использует AttactEvent. Но AttactEvent не поддерживает третий параметр, он не захватывает модель.
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.