Question

我有基于滚动实现的功能。这是小片段::

$(window).bind('scroll',function(event)
{
  console.log(event.type);
  //Task to do
}

这里我想区分是通过mouseScroll还是通过拖动滚动来完成绑定。通过检查event.type，两者都返回“滚动”作为事件类型。

Answer 1

您可以使用wheel DOM event来检测鼠标滚轮事件：

var isMouseScroll = false;

window.addEventListener('wheel',function(e)
{
  console.log('mouse wheel');
  isMouseScroll = true;
});

window.addEventListener('scroll',function(e)
{
  if(!isMouseScroll) {
    console.log('scroll');
  }

  isMouseScroll = false;
});

JSFiddle

注意 - 不要将轮子与已弃用的非标准mousewheel事件混淆。

如何通过在javascript / jQuery中拖动窗口的滚动来区分滚动鼠标和滚动

1 个答案: