jquery mousewheel: detecting when the wheel stops?

by

There’s no “stop” event here really – you get an event when you do scroll, so every time a mousewheel event happens the event is triggered…when there’s nothing you’ll get no events and your handler won’t be firing.

You ca however detect when the user hasn’t used it in say 250ms, like this:

$("#myElem").mousewheel(function() {
  clearTimeout($.data(this, 'timer'));
  $.data(this, 'timer', setTimeout(function() {
     alert("Haven't scrolled in 250ms!");
     //do something
  }, 250));
});

You can give it a try here, all we’re doing is storing the timeout on each use in using $.data(), if you use it again before that time runs out, it gets cleared…if not then whatever code you wanted to run fires, the user has “finished” using their mousewheel for whatever period of time you’re testing for.

More Related Contents:

  1. jQuery – Detect value change on hidden input field
  2. Get clicked element using jQuery on event?
  3. Accessing functions bound to event handlers with jQuery
  4. Does AJAX loaded content get a “document.ready”?
  5. jQuery 1.8 find event handlers
  6. How to prevent page scrolling when scrolling a DIV element?
  7. Fire event on enter key press for a textbox
  8. Determine mouse position outside of events (using jQuery)?
  9. jquery vertical mousewheel smooth scrolling
  10. Use jQuery to check mousewheel event without scrollbar
  11. Reading the selected value from asp:RadioButtonList using jQuery
  12. Multiple input validation
  13. jQuery click event not working after adding class
  14. Why the Ajax script is not running on IIS 7.5 Win 2008 R2 server?
  15. Perform client side validation for custom attribute
  16. Adding attribute in jQuery
  17. jQuery scroll to ID from different page
  18. Display JSON Data in HTML Table
  19. How can we specify rules for jQuery validation plugin by class?
  20. How to render partial view in MVC5 via ajax call to a controller and return HTML
  21. jQuery – replace all instances of a character in a string [duplicate]
  22. jQuery scrollRight?
  23. jqGrid auto filter highlighting search result
  24. jquery Event.stopPropagation() seems not to work
  25. Add line break to tooltip in Bootstrap 3
  26. Using jQuery .live with toggle event
  27. how to get value of selected item in autocomplete
  28. if checkbox checked add class to parent element
  29. Working with single page websites and maintaining state using a URL hash and jQuery
  30. jQuery Deferred – getting result of chained ajax calls

Leave a Comment