mouseup event on document.documentElement не срабатывает с предупреждением

Question

Мне нужно определить mouseup событие после mousedown на документе.

Я попытался добавить слушателя событий в document и document.documentElement без каких-либо успехов.

Мне нужно, возможно, кросс-платформенное решение без jquery. Примечания: проблема возникает не во всех браузерах с использованием alert().

http://jsfiddle.net/0f7vrzh7/8/

document.documentElement.addEventListener('mousedown', function(){ 
alert('mousedown'); 
}); 

document.documentElement.addEventListener('mouseup', function(e){ 
alert('mouseup') 
}); 

Answer 1

В некоторых браузерах первое предупреждение остановит второе событие. Он работает даже с alert в IE11, например. В браузерах, где вы испытываете эту проблему, окно предупреждения блокирует пользовательский интерфейс перед тем, как событие mouseup обрабатывается или распространяется на элемент, к которому подключен обработчик событий. Измените на console.log() заявления в обработчиках событий, и события будут запущены, как вы ожидаете. Updated fiddle.

Answer 2

это ваше предупреждение блокирует событие mouseup. попробуйте

document.documentElement.addEventListener('mousedown', function(){ 
    document.getElementById("test").style.backgroundColor = "#ff0"; 
}); 

document.documentElement.addEventListener('mouseup', function(e){ 
    alert('mouseup') 
}); 

http://jsfiddle.net/0f7vrzh7/16/