API событий DOM: делегирование событий и stopPropagation
это код с JQuery 1.7:
<div class="test">
<div class="bu">
<a>
bu here
</a>
</div>
</div>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
$(document).on('click', '.test', function () { alert(0); return false; });
$(document).on('click', '.bu', function () { alert(1); return false; });
$(document).on('click', '.bu', function () { alert(2); return false; });
</script>
нажатие на .test> .bu предупредит «1» и «2», но не «0»
Мой вопрос: как сделать то же самое БЕЗ jQuery (на нативном DOM API)? Кажется, я не могу сделать это с Native DOM API, не реализовав свою собственную библиотеку ...
Спасибо!