Это основное недопонимание события Chick Chick на входах Checkbox или Defeed Code?

При привязке к событию Click для входа флажков флажок уже включается в то время, когда мой обработчик событий работает и, более странно, переключатель перевернут после того, как мой обработчик событий работает, если я указываю Event.PreventDefault ();

function clicked(evt) {
   alert(document.getElementById('foo').checked);
   evt.preventDefault();
}

document.getElementById('foo').addEventListener('click',clicked);

[Проверено в Chrome и Firefox]

jsfiddle для этого кода

Оповещение ответит «TRUE» (или противоположное состояние предварительного щелчка Checkbox). После того, как вы уволите предупреждение, флажок переключает обратно.

Итак, я думаю, что вопросы:

Какое существенное мероприятие по умолчанию предотвращено? Я ошибаюсь, предполагая, что мой обработчик событий должен бежать до того, как состояние будет изменено? Есть ли способ законно перехватывать флажок, нажмите?

и почему в мире является Preventefault, вызывая переключение флажков?