Проблемы со stopPropagation
 

Почему отправляется форма?

<form class="serach">
	<input name="search-input"></input>
	<button>Submit</button>
</form>
<script>document.querySelector( 'form.serach' ).addEventListener( 'submit', function( event ) {
	alert( 'blah' );
	event.stopPropagation();
} ,false);
</script>

разве?

<form class="serach">
    <input name="search-input"></input>
    <button>Submit</button>
</form>
<script>document.querySelector( 'form.serach' ).addEventListener( 'submit', function( event ) {
    alert( 'blah' );
    event.preventDefault();
} ,false);
</script>

Тьфу йобт.
Спасибо.

event.preventDefault(); - отменяет действие по умолчанию
event.stopPropagation(); - отмена всплывания события

давно запомнить пора :)

Сначала распространяется, потом выполняется, потом всплвает

Maxmaxmахimus, я-то уверен, что вы знаете, однако тут много кто читает форум.

Я не знаю более удобного способа определить, к какому сообщению относится дополнение.