Вот простой пример задачи:Нажмите событие для элемента вложен в Баттона
<body>
<button id="parent" onclick="alert('parent')">
<span id="child" onclick="alert('child')">Authenticate</span>
</button>
</body>
В Chrome это предупреждает «ребенок», затем «родителя», но в IE/FF мы только получаем «Родитель» ,
Понятно, что это можно устранить несколькими способами (сменить кнопку на div, удалить пробел и т. Д.), Но я хотел выяснить, был ли способ сделать эту работу (т. Е. Предупреждение «ребенок») без изменения HTML.
Спасибо!
PS: Пробовал JQuery, и это имеет такое же поведение.
Похоже, в одном браузере событие пузырьков в верхней части, в другом нет. Или что-то в этом роде ... Я не эксперт в «пузырях событий», но это поисковый термин, который, я думаю, даст результаты! –
@JonathanNicol, это не пузырь событий, это туннелирование событий. –
Помещение элемента clickable внутри '