Simulate Hover Effect On Touch Devices – hover-on-touch

Preview:

Description:

A JavaScript library to simulate hover effect on touch devices that adds a CSS class (hoverontouch--aktiv by default) to an element on Tap Hold.

How to use it:

1. Insert the JavaScript file hoverontouch.js into the document.

<script src="js/hoverontouch.js"></script>

2. Initialize the hover-on-touch library.

var HoverOnTouch = new HoverOnTouch();

3. Apply a hover effect to your element on tap hold.

.hoverontouch--aktiv {
  /* your styles here */
}