美文网首页HTML5
fastclick用法

fastclick用法

作者: 执著_7a69 | 来源:发表于2017-08-01 09:57 被阅读62次

在移动浏览器上发生介于轻敲及点击之间的指令时,能够减少300毫秒的延迟。建议看下fastclickd 源码。

用fastclick可以解决好多问题,例:iphone手机safari浏览器的多次点击问题。。等等

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

fastclick用法:

1.将fastclick.js引入到html中

2.在body前边,也就是body加载之前,实例化一个fastclick.

js方法:

if('addEventListener'indocument) {

document.addEventListener('DOMContentLoaded',function() {

FastClick.attach(document.body);

},false);

}

jquery方法:

前提引入jqery,

$(function() {

FastClick.attach(document.body);

});

3.对于contenteditable的元素,需要挂.needsclick的class钩子,让其触发原生事件.

相关文章

  • fastclick用法

    在移动浏览器上发生介于轻敲及点击之间的指令时,能够减少300毫秒的延迟。建议看下fastclickd 源码。 用f...

  • fastclick用法

    移动端点击延迟事件 移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟。原因: 移动端的双击会缩放导...

  • Ant Mobile Design iphone8Plus点击M

    you need fastclick import fastclick from 'fastclick' fast...

  • 学习去哪网app小记

    fastclick https://github.com/ftlabs/fastclick npm docs fa...

  • vue 移动端,点击事件300毫秒延迟

    npm install fastclick --save

  • FastClick

    FastClick遇到的坑 光标无法定位到正确的位置及解决办法 FastClick可以解决移动端300ms延迟问题

  • FastClick

    移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。为了能够...

  • vue 使用fastclick

    在vue项目中使用fastclick可以安装fastclick插件,安装使用方法如下 1.npm install ...

  • 66、vue.js 添加 fastclick的支持

    fastclick:处理移动端click事件300毫秒延迟。 安装:先执行安装fastclick的命令。 之后,在...

  • 在vue项目中使用fastclick插件

    在vue项目中使用fastclick可以安装fastclick插件,安装使用方法如下1.npm install -...

网友评论

    本文标题:fastclick用法

    本文链接:https://www.haomeiwen.com/subject/zzadlxtx.html