MouseUp-Ereignis auf Document.documentElement löst nicht mit Alert

Question

Ich muss mouseup Ereignis nach mousedown auf dem Dokument erkennen.

Ich habe versucht, einen Ereignis-Listener zu document und document.documentElement ohne Erfolg hinzuzufügen.

Ich brauche möglicherweise eine plattformübergreifende Lösung ohne jquery. Hinweise: Das Problem tritt bei nicht allen Browsern auf, die alert() verwenden.

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

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

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

Answer 1

In bestimmten Browsern wäre der erste Alarm das zweite Ereignis zu stoppen. Es funktioniert sogar mit alert in IE11 zum Beispiel. In den Browsern, in denen dieses Problem auftritt, blockiert das Warnfeld die Benutzeroberfläche, bevor das Ereignis mouseup verarbeitet oder an das Element weitergegeben wird, mit dem der Ereignishandler verknüpft ist. Ändern Sie zu console.log() Anweisungen in Ihren Ereignishandlern und die Ereignisse werden ausgelöst, wie Sie es erwarten. Updated fiddle.

Answer 2

es ist deins alarm blockieren die mouseup ereignis. versuchen, mit

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

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

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