This demo will only work on touch-enabled devices or a browser emulating touch.
Default handler
This library listens for a JS event that is triggered when a tap occurs on an abbr HTML element on a touch-enabled device. When a tap occurs, a pop up is displayed.
Custom handler #1
abbr-touch allows custom handlers to be attached so that the presentation of the abbr's data can be the developer wants it to be. This custom handler displays a popup near the touch event. More examples:
- HTML
- CSS
- JS
Custom handler #2
This custom handler slides up the abbr from the bottom of the page using a CSS transition. More examples:
- HTML
- CSS
- JS