移动端兼容 - faskclick.js

Posted Sunsin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端兼容 - faskclick.js相关的知识,希望对你有一定的参考价值。

fasckclick为解决移动端300ms延迟而生

github地址为:https://github.com/ftlabs/fastclick

 

 

 

使用方法:

 

1. 原生使用(window.onload或其它方式皆可->一切都是在文档流加载完毕)

1 if (\'addEventListener\' in document) {
2             document.addEventListener(\'DOMContentLoaded\', function () {
3                 FastClick.attach(document.body);
4             }, false);
5         }

 

2. 基于jq使用

1 $(function() {
2     FastClick.attach(document.body);
3 });

 

3. 基于模块化使用(Vue\\Angular或其它基于CommonJS样式的模块系统)使用

1 var attachFastClick = require(\'fastclick\');
2 attachFastClick(document.body);

 

4. 基于require.js(AMD)使用

1 var FastClick = require(\'fastclick\');
2 FastClick.attach(document.body, options);

 

5. 基于Mui使用

1 var FastClick = require(\'./core/fastclick\');
2 
3 window.addEventListener(\'load\', function() {
4     FastClick.attach(document.body);
5 }, false);

 

以上是关于移动端兼容 - faskclick.js的主要内容,如果未能解决你的问题,请参考以下文章

移动端&PC端CSS样式兼容代码

classlist.add在移动端存在兼容性吗

解决移动端报错:Unable to preventDefault inside passive event listener due to target being treated as……(代码片段

移动端兼容处理

移动端audio音频播放兼容方案

移动端底部导航栏固定——兼容IOS