スマホブラウザでホバーエフェクト。Androidブラウザのtouchend対応

sphover.js

var hoverEffect = function($dom, timerIdList) {

	var CLASS_HOVER = "hover",

		touthStart 	= (Modernizr.touch)? "touchstart" 	: "mouseover",
		touthEnd 	= (Modernizr.touch)? "touchend" 	: "mouseout",
		isAndroid 	= isMobile.Android();

	$dom.each(function(i, el){

		$(el).on(touthStart, function(){
				var $self = $(this);
				$self.addClass(CLASS_HOVER);

				// fixed mobile mouseout bug
				if(!Modernizr.touch)return;
				if(!isAndroid)return;

				var timerId = setTimeout(function() {
					$self.removeClass(CLASS_HOVER);
				}, 600);
				if(timerIdList)timerIdList.push(timerId);
			}
		)
			.on(touthEnd, function(e) {
				$(this)
					.removeClass(CLASS_HOVER);
			});

	});
};