Javascript - 如何禁用鼠标滚轮 1 秒 [重复]

Question

我想禁用鼠标滚轮 1 秒钟。我该怎么做？

我有这个功能：

function clickOnMenu(id)
{

    switch(id)
    {
        case 1:
        $('.page').css('display','none');
        $('#first').click();
        rotateImage($('#first'));
        $('#menu div').removeClass('active');
        $('#first').addClass('active');
        break;

        case 2:
        $('.page').css('display','none');
        $('#feature').click();
        rotateImage($('#feature'));
        $('#feature').addClass('active');
        break;

        case 3:
        $('.page').css('display','none');
        $('#download').click();
        rotateImage($('#download'));
        $('#download').addClass('active');
        break;
    }
}

这些案例使用鼠标滚轮运行。 我希望在选择每个案例时，鼠标滚轮被禁用 1 秒。

我该怎么做？

Answer 1

将一个事件监听器附加到鼠标滚轮上，它什么都不做。 1 秒后移除事件监听器。

$('#foo').on('mousewheel', function(e){
  e.preventDefault();
  return false;
}

setTimeout(function() {
  $('#foo').off('mousewheel');
}, 1000);