Skip to content

Instantly share code, notes, and snippets.

@krishna19
Forked from c-kick/hnl.taphover.js
Created January 24, 2017 05:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save krishna19/1661fedc5e719ac7626438f47b193008 to your computer and use it in GitHub Desktop.
Save krishna19/1661fedc5e719ac7626438f47b193008 to your computer and use it in GitHub Desktop.
jQuery - Mouse hover on touch devices
//taphover - a solution to the lack of hover on touch devices.
//more info: http://www.hnldesign.nl/work/code/mouseover-hover-on-touch-devices-using-jquery/
$('a.taphover').on('touchstart', function (e) {
'use strict'; //satisfy the code inspectors
var link = $(this); //preselect the link
if (link.hasClass('hover')) {
return true;
} else {
link.addClass('hover');
$('a.taphover').not(this).removeClass('hover');
e.preventDefault();
return false; //extra, and to make sure the function has consistent return points
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment