├── .eslintrc
├── .gitignore
├── History.md
├── LICENSE
├── Readme.md
├── bower.json
├── dist
    ├── touch-action.js
    └── touch-action.min.js
├── index.js
└── package.json


/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "airbnb/legacy",
 3 |   "rules": {
 4 |     "semi": [2, "never"],
 5 |     "no-use-before-define": [2, "nofunc"],
 6 |     "no-param-reassign": 0,
 7 |     "id-length": 0,
 8 |     "max-len": 0
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | 


--------------------------------------------------------------------------------
/History.md:
--------------------------------------------------------------------------------
1 | ## 1.0.1 / 2016-02-20
2 | 
3 | * add bower support
4 | * improve docs
5 | 
6 | ## 1.0.0 / 2016-02-18
7 | 
8 | * initial release
9 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) Aleksey Kulikov <alekseykulikov@me.com> (alekseykulikov.com)
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/Readme.md:
--------------------------------------------------------------------------------
 1 | # touch-action
 2 | 
 3 | > Disable 300ms delay on mobile using CSS touch-action or asynchronously download FastClick as polyfill.
 4 | 
 5 | [![](https://img.shields.io/npm/v/touch-action.svg)](https://npmjs.org/package/touch-action)
 6 | 
 7 | [CSS touch-action property](http://caniuse.com/#search=touch-action) allows eliminate the 300ms delay between a physical tap and the firing of a click event on mobile browsers. It's supported by all major browsers including Safari 9.3.
 8 | Therefore, there's no reason to always use [FastClick](https://github.com/ftlabs/fastclick) and include it to javascript bundle.
 9 | 
10 | This library is just [17 lines of code](./index.js) and 14x smaller than FastClick (2.68Kb vs 0.2Kb). It checks support of CSS `touch-action`, and sets `touch-action: manipulation` to document body. When `touch-action` property is not supported, it asynchronously downloads [FastClick](https://github.com/ftlabs/fastclick) from CDN and use `FastClick.attach(document.body)` as polyfill.
11 | 
12 | This module is inspired by [gajus's gist](https://gist.github.com/gajus/bbf06ea2e37047b01e70).
13 | 
14 | ## Installation
15 | 
16 |     npm install touch-action --save
17 |     bower install touch-action
18 | 
19 | Standalone version available as [dist/touch-action.min.js](./dist/touch-action.min.js).
20 | 
21 | ```html
22 | <script src="touch-action.min.js"></script>
23 | <script>window.touchAction()</script>
24 | ```
25 | 
26 | ## Example
27 | 
28 | ```js
29 | import touchAction from 'touch-action'
30 | 
31 | // use default behavior and download FastClick from CDN when needed
32 | // https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js
33 | touchAction()
34 | 
35 | // use your own copy of FastClick
36 | touchAction({ src: '/assets/fastclick.min.js' })
37 | ```
38 | 
39 | ## touchAction(opts)
40 | 
41 | Init `touch-action` or download and attach `FastClick`.
42 | 
43 | Available options:
44 | - `src` - custom path to fastclick (default: https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js)
45 | - `val` - specify [custom](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) touch-action value, but be careful, since FastClick enables only `manipulation` (default: `manipulation`)
46 | 
47 | ## License
48 | 
49 | [MIT]('./LICENSE')
50 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "touch-action",
 3 |   "version": "1.0.1",
 4 |   "description": "Disable 300ms delay on mobile using CSS touch-action when property is supported or asynchronously download FastClick as polyfill",
 5 |   "main": "dist/touch-action.js",
 6 |   "homepage": "https://github.com/alekseykulikov/touch-action",
 7 |   "authors": [
 8 |     "Aleksey Kulikov"
 9 |   ],
10 |   "license": "MIT",
11 |   "keywords": [
12 |     "touch-action",
13 |     "fastclick",
14 |     "css",
15 |     "300ms",
16 |     "mobile"
17 |   ],
18 |   "ignore": [
19 |     "**/.*",
20 |     "index.js"
21 |   ]
22 | }
23 | 


--------------------------------------------------------------------------------
/dist/touch-action.js:
--------------------------------------------------------------------------------
 1 | (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.touchAction = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
 2 | 
 3 | /**
 4 |  * Set `touch-action` to `document.body` when supported
 5 |  * or load FastClick from CDN and use it as Polyfill.
 6 |  * https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
 7 |  *
 8 |  * @param {Object} [opts]
 9 |  *        {String} src - link to fastclick
10 |  *        {String} val - value of touchAction property
11 |  */
12 | 
13 | module.exports = function touchAction(opts) {
14 |   var s
15 |   if (!opts) opts = {}
16 |   if (!opts.src) opts.src = 'https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js'
17 |   if (!opts.val) opts.val = 'manipulation'
18 | 
19 |   if ('touchAction' in document.body.style) {
20 |     document.body.style.touchAction = opts.val
21 |   } else {
22 |     s = document.createElement('script')
23 |     s.src = opts.src
24 |     s.async = true
25 |     s.onload = function onload() {
26 |       window.FastClick.attach(document.body)
27 |     }
28 |     document.body.appendChild(s)
29 |   }
30 | }
31 | 
32 | },{}]},{},[1])(1)
33 | });


--------------------------------------------------------------------------------
/dist/touch-action.min.js:
--------------------------------------------------------------------------------
1 | (function(e){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=e()}else if(typeof define==="function"&&define.amd){define([],e)}else{var n;if(typeof window!=="undefined"){n=window}else if(typeof global!=="undefined"){n=global}else if(typeof self!=="undefined"){n=self}else{n=this}n.touchAction=e()}})(function(){var e,n,t;return function o(e,n,t){function i(f,c){if(!n[f]){if(!e[f]){var u=typeof require=="function"&&require;if(!c&&u)return u(f,!0);if(r)return r(f,!0);var d=new Error("Cannot find module '"+f+"'");throw d.code="MODULE_NOT_FOUND",d}var l=n[f]={exports:{}};e[f][0].call(l.exports,function(n){var t=e[f][1][n];return i(t?t:n)},l,l.exports,o,e,n,t)}return n[f].exports}var r=typeof require=="function"&&require;for(var f=0;f<t.length;f++)i(t[f]);return i}({1:[function(e,n,t){n.exports=function o(e){var n;if(!e)e={};if(!e.src)e.src="https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js";if(!e.val)e.val="manipulation";if("touchAction"in document.body.style){document.body.style.touchAction=e.val}else{n=document.createElement("script");n.src=e.src;n.async=true;n.onload=function t(){window.FastClick.attach(document.body)};document.body.appendChild(n)}}},{}]},{},[1])(1)});
2 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Set `touch-action` to `document.body` when supported
 4 |  * or load FastClick from CDN and use it as Polyfill.
 5 |  * https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
 6 |  *
 7 |  * @param {Object} [opts]
 8 |  *        {String} src - link to fastclick
 9 |  *        {String} val - value of touchAction property
10 |  */
11 | 
12 | module.exports = function touchAction(opts) {
13 |   var s
14 |   if (!opts) opts = {}
15 |   if (!opts.src) opts.src = 'https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js'
16 |   if (!opts.val) opts.val = 'manipulation'
17 | 
18 |   if ('touchAction' in document.body.style) {
19 |     document.body.style.touchAction = opts.val
20 |   } else {
21 |     s = document.createElement('script')
22 |     s.src = opts.src
23 |     s.async = true
24 |     s.onload = function onload() {
25 |       window.FastClick.attach(document.body)
26 |     }
27 |     document.body.appendChild(s)
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "touch-action",
 3 |   "version": "1.0.1",
 4 |   "description": "Disable 300ms delay on mobile using CSS touch-action when property is supported or asynchronously download FastClick as polyfill",
 5 |   "repository": "alekseykulikov/touch-action",
 6 |   "license": "MIT",
 7 |   "keywords": [
 8 |     "touch-action",
 9 |     "fastclick",
10 |     "css",
11 |     "300ms",
12 |     "mobile"
13 |   ],
14 |   "main": "index.js",
15 |   "files": [
16 |     "index.js"
17 |   ],
18 |   "scripts": {
19 |     "build": "browserify index.js -s touchAction > dist/touch-action.js && uglifyjs dist/touch-action.js -m > dist/touch-action.min.js",
20 |     "test": "eslint index.js"
21 |   },
22 |   "devDependencies": {
23 |     "browserify": "^13.0.0",
24 |     "eslint": "^1.10.3",
25 |     "eslint-config-airbnb": "^5.0.1",
26 |     "uglify-js": "^2.6.1"
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------