侦听鼠标事件…除了div的溢出:滚动滚动条？

Question

除了div的溢出:滚动滚动条之外，对于如何监听$(document)上的鼠标向下有任何建议吗？

我不知道滚动条是什么元素来引用它.

Answer 1

您可以使用以下方法检查目标：

$(document).on('mousedown', function(e) {
    console.log(e.target);
});

FIDDLE

滚动条不是一个真正的元素，单击处理程序将无法工作，但它似乎是被触发的，但它只会给出滚动条所属的元素。

要排除滚动条，我猜您必须知道它的大小，然后检查鼠标在鼠标向下的位置，看看它是否在滚动条区域内。

​

Answer 2

<div class='scrollHolder' style='overflow:scroll;'>
<div class='scrollContent'>
</div>
</div>

$(document).on( "mousedown", function( event )
{
    var onScrollbar = false;
    if (event.target.className == "scrollHolder")
    {   
        var s_c = $(event.target).children(".scrollContent");

        if (event.pageX-s_c.offset().left > s_c.innerWidth())
        {
            onScrollbar  = true;
        }
    }
});