Javascript - How to disable mousewheel for 1 second

Question

I want to disable mousewheel for 1 second. How I can do this?

I have this function:

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

These cases run with mousewheel. I want when each case selected, mousewheel get disable for 1 second.

How I can do this?

@Boaz I have mousewheel event and i change slides with this, I want to disable it — Chalist, Dec 17 '13 at 08:30

score 5 · Accepted Answer · answered Dec 17 '13 at 08:15

5

Attach an event listener to the mousewheel that does nothing. Remove the event listener after 1 second.

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

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

answered Dec 17 '13 at 08:15

Ayush

41,754
51
164
239

1

this disables mousewheel and not enables again – Chalist Dec 17 '13 at 08:34
the `setTimeout` removes the event handler after 1sec. – Ayush Dec 17 '13 at 21:59
I want remove fast and bind "mousewheel" event again after 1 sececnd – Chalist Dec 18 '13 at 06:09
@chalist: Then just do the reverse of what I am doing in my solution. It's not that hard. – Ayush Dec 19 '13 at 17:41

Javascript - How to disable mousewheel for 1 second

1 Answers1