javascript - 删除滚动条上的事件

Question

我制作了一个可滚动的 div，其中添加了一些内容如果用户在此 DIV 中单击，我想触发一个事件。HTML

<div id="mainDiv">
    ... some content..
</div>

JS

$(document).mousedown(function(e){
    var clickedElemet = $(e.target);
    if(clickedElemet.is($("#mainDiv"))){
      alert("mainDiv clicked"); // alert is getting called if we click on scrollbar
    }
})

现在的问题是当用户点击滚动条句柄时，事件被触发。
如果用户单击滚动条句柄，我该如何阻止事件的任何建议？
请注意，如果我使用 CLICK 事件，这可以正常工作。

Please note that I can not change DOM structure and have to use mousedown event only.

Demo

Answer 1

您需要获取点击 X 位置，然后检查点击 X 位置 是否超出滚动条 X 位置。

参见中的演示JSFiddle .

注意:这在浏览器放大和缩小中无法正常工作。