在浏览器的滚动条上检测mousedown / click事件

Question

我知道使用jQuery表达式$(element).on("mousedown", function(evt) { ... });可以处理mousedown元素上的事件。

尽管我需要在浏览器的滚动条上检测到mousedown或click事件，并需要运行一些功能。

Answer 1

我建议捕获mousedown事件并测试坐标。如果坐标大于或等于可见文档的正文宽度，则在滚动条区域中单击它们！

$(document).ready(function() {
  $(document).mousedown(function(event) {
    if(event.target === $('html')[0] && event.clientX >= document.documentElement.offsetWidth)
      alert('vertical scrollbar clicked');
  })
})