Форумы портала PHP.SU :: Версия для печати :: погружение и всплытие событий работает странно

1. Contr - 24 Июня, 2014 - 08:35:17 - перейти к сообщению

Что в фф, что в хроме следующий код дает:

CODE (javascript):
скопировать код в буфер обмена

document.addEventListener("keydown", a, true);
function a(e){
  console.log("Документ погружение");
}
document.addEventListener("keydown", b, false);
function b(e){
  console.log("Документ всплытие");
}
var body = document.getElementsByTagName('body')[0];
body.addEventListener("keydown", c, true);
function c(e){
  console.log("боди погружение");
}
body.addEventListener("keydown", d, false);
function d(e){
  console.log("боди всплытие");
}

Дает такие результаты (будем считать, что <input> вложен в <div>, далее идет<body>, а потом document)
При фокусе на инпут и нажатии клавиши:

CODE (htmlphp):
скопировать код в буфер обмена

Документ погружение
боди погружение
боди всплытие
Документ всплытие

Здесь все по фен-шую.
При фокусе на <div>:

CODE (htmlphp):
скопировать код в буфер обмена

Документ погружение
боди всплытие
боди погружение
Документ всплытие