Javascript DOM OnClick событие запуска для одного элемента

В основном ив получил страницу, код:Javascript DOM OnClick событие запуска для одного элемента

<body> 
    <div onclick="alert('You clicked ' + this.tagName)"> 
     <h1 onclick="alert('You Clicked ' + this.tagName)">Click Me</h1> 
    </div> 
</body>

Это не мой точный сценарий, но я перестроил его для демонстрационных целей, когда я нажимаю на H1 он предупреждает, как он должен, но когда я закрываю окно предупредить DIV придумывает, я попробовал другой путь вокруг него, где я имел

document.addEventListener('click' , function(e){ 
    var target = e.target || e.srcElement; 
    alert('You Clicked ' + target.tagName); 
});

Это не работает на все элементы страницы для некоторых элементов на странице по причина этого - странная причина, я что-то не хватает?

источник

2015-09-11 Johnnyboy Hudson

Использовать 'return false' в обработчике событий в конце – Tushar

Я также использую это извините, я забыл положить, что он больше не останавливается –

Я сделал скрипку для вас, проверьте это и дайте мне знать, это то, что вы хотите http://jsfiddle.net/9f8mfpvq/1/ –

Это происходит потому, что после события триггеров на самых глубоких из возможных элементов, он затем запускает на родителях в порядке вложенности

Вам нужно остановить распространение события в вашем случае

<body> 
     <div onclick="alert('You clicked ' + this.tagName)"> 
      <h1 onclick="alert('You Clicked ' + this.tagName);event.stopPropagation();">Click Me</h1> 
      xcxc 
     </div> 
    </body>

здесь скрипка: http://jsfiddle.net/9f8mfpvq/1/

источник

2015-09-11 09:43:47

Спасибо, Ive отметил это как ответ, я не могу поверить, что не понял, что ошибки nooby –

Javascript DOM OnClick событие запуска для одного элемента

ответ

Смежные вопросы