听老鼠事件...除了div的溢出：滚动滚动条？

Question

有关如何在$(document) 上监听mousedown的任何建议，除了 div的溢出：滚动滚动条？

我不确定滚动条是的元素是为了引用它...

Answer 1

您可以使用以下方式自行检查目标：

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

FIDDLE

滚动条实际上​​不是一个元素，点击处理程序不起作用，但似乎mousedown被触发，但只会给你滚动条所属的元素。

要仅排除滚动条，我猜你必须弄清楚它的大小，然后检查mousedown上的鼠标位置，看它是否在滚动条区域内。

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;
        }
    }
});