Delay jquery hover event?

by

Use the hoverIntent plugin for jquery: http://cherne.net/brian/resources/jquery.hoverIntent.html

It’s absolutely perfect for what you describe and I’ve used it on nearly every project that required mouseover activation of menus etc…

There is one gotcha to this approach, some interfaces are devoid of a ‘hover’ state eg. mobile browsers like safari on the iphone. You may be hiding an important part of the interface or navigation with no way to open it on such a device. You could get round this with device specific CSS.

More Related Contents:

  1. Click event doesn’t work on dynamically generated elements [duplicate]
  2. How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
  3. jQuery get mouse position within an element
  4. jQuery – Trigger event when an element is removed from the DOM
  5. Custom events in jQuery?
  6. jQuery same click event for multiple elements
  7. How to have click event ONLY fire on parent DIV, not children?
  8. How to trigger click event on href element
  9. How do I hide an element on a click event anywhere outside of the element?
  10. Adding event listeners to dynamically added elements using jQuery [duplicate]
  11. jQuery select change event get selected option
  12. How to detect input type=file “change” for the same file?
  13. How can I check if a key is pressed during the click event with jQuery?
  14. How do I detect a page refresh using jquery?
  15. When to choose mouseover() and hover() function?
  16. Accessing functions bound to event handlers with jQuery
  17. jQuery: get the file name selected from
  18. onHide() type event in jQuery
  19. .delay() and .setTimeout()
  20. jquery fullcalendar event filtering
  21. jquery live event for added dom elements
  22. How do I explicitly execute default action from jQuery event
  23. jquery Event.stopPropagation() seems not to work
  24. how to unbind all event using jquery
  25. triggerHandler vs. trigger in jQuery
  26. Jquery how to bind click event on dynamically created elements?
  27. Backbone.js Event Binding
  28. in Jquery how to run code with callback before submit
  29. Detect user scroll down or scroll up in jQuery [duplicate]
  30. Jquery .on(‘scroll’) not firing the event while scrolling

Leave a Comment