javascript - document.documentElement 上的 mouseup 事件不会触发警报

Question

我需要在文档上的 mousedown 之后检测 mouseup 事件。

我尝试将事件监听器添加到 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

在某些浏览器中，第一个警报会停止第二个事件。例如，它甚至可以在 IE11 中使用 alert。在您遇到此问题的浏览器中，在 mouseup 事件被处理或传播到您附加了事件处理程序的元素之前，警告框会阻止 UI。在您的事件处理程序中更改为 console.log() 语句，事件将按照您的预期触发。 Updated fiddle.