如何检查mousedown事件不上滚动的JavaScript

Question

这是我的代码：

// Close the bubble when we click on the screen. 
document.addEventListener('mousedown', function (e) { 
// if ain't right click 
if(e.button != 2){ 
    // hide 
    setTimeout("bubbleDOM.style.visibility = 'hidden';", 500); 
} 
}, false); 

我probem是，当用户尝试使用浏览器滚动的 setTimeout的滚动生效。我如何检查mousedown不在滚动条中？

Answer 1

确保按钮处于左侧并确保它不是冒​​泡事件，不仅仅是不正确。我建议在setTimeout也使用的函数，因此：

// Close the bubble when we click on the screen. 
document.body.addEventListener('mousedown', function(e) { 
    // If it's a left click and the target is the current target 
    if(e.button === 1 && e.target === e.currentTarget) { 
     // hide 
     setTimeout(function() { 
      bubbleDOM.style.visibility = 'hidden'; 
     }, 500); 
    } 
}, false);