Return to Snippet

Revision: 65509
at December 10, 2013 02:37 by jbernus


Initial Code
var isTouchSupported = 'ontouchstart' in window;
var startEvent = isTouchSupported ? 'touchstart' : 'mouseenter';
var endEvent = isTouchSupported ? 'touchend' : 'mouseleave';

$('.yourclass').on(startEvent,function(){
	doSomething(this);
});

$('.yourclass').on(endEvent,function(){
	doSomething(this);
});

Initial URL


Initial Description
Hover events can be irrelevant on mobile devices relying on touch events.
This script switches the classical desktop hover events to touch events.

Inspired by: http://jbkflex.wordpress.com/2012/07/12/javascript-touch-event-or-mouse-event-detect-and-handle-according-to-device/

Initial Title
Switch hover/touch events for Desktop/mobile devices

Initial Tags


Initial Language
JavaScript