Makes <abbr> element title attributes touch accessible
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.editorconfig
.eslintrc
.gitattributes
.gitignore
.travis.yml
GruntFile.js
LICENSE
README.md
abbr-touch.js
demo.html
example.png
package.json

README.md

abbr-touch

Build Status Code Climate

abbr-touch is a tiny JavaScript library that makes the title attribute of <abbr> element touch accessible. It does so by utilising touchtap-event to only expose the functionality to touch-enabled devices, a custom touch handler can then be used to display <abbr>'s content any way you wish.

Example usage: touching an <abbr> tag brings up a description

Install

npm install --save abbr-touch

Include

<script src="node_modules/abbr-touch/abbr-touch.js"></script>

Usage

// default handler on document (alert)
abbrTouch();

// default handler, apply to descendants of #some-element
abbrTouch(document.querySelector('#some-element'));

// custom handler, apply to descendants of #some-element
abbrTouch(document.querySelector('#some-element'), myHandler);

function myHandler(target, title, touchX, touchY) {
  console.log(target);
  console.log(title);
  console.log(touchX);
  console.log(touchY);
}

A deeper example of usage can be found in demo.html. A live demo can be viewed on Growing with the Web.

See also