@three11/istouch

Use JS to detect touch-enabled device

Usage no npm install needed!

<script type="module">
  import three11Istouch from 'https://cdn.skypack.dev/@three11/istouch';
</script>

README

GitHub release GitHub issues GitHub last commit Github file size Build Status npm npm Analytics

isTouch

Use JS to detect touch-enabled device

Install

npm i @three11/istouch

or

yarn add @three11/istouch

or

Just download this repository and link the files located in dist folder:

<script src="path-to-istouch/dist/istouch.min.js"></script>

or

Include it from Unpkg CDN

<script src="//unpkg.com/@three11/istouch/dist/istouch.min.js"></script>

Usage

import { setTouchClass } from '@three11/istouch';

setTouchClass();

Or you can just check if the device you use is touch-enabled:

import isTouch from '@three11/istouch';

console.log(isTouch);

Customization

By default, the module sets a classname to the <html> tag. If the device is touch-enabled, the classname is touch. If not - the classname is no-touch.

You can overwrite these settings:

const el = document.getElementById('element');
const classNames = {
    touch: 'is-touch-device',
    notouch: 'is-not-touch-device'
};

setTouchClass(el, classNames);