精华内容
下载资源
问答
  • fastclick

    2019-10-02 09:13:42
    fastclick:处理移动端click事件300毫秒延迟。 安装: npm install fastclick -S 之后,在main.js中引入,并绑定到body。 import FastClick from 'fastclick' FastClick.attach(document.body); ...

    fastclick:处理移动端click事件300毫秒延迟。

     

     

    安装:

    npm install fastclick -S

    之后,在main.js中引入,并绑定到body。

    import FastClick from 'fastclick'
    
    FastClick.attach(document.body);

    转载于:https://www.cnblogs.com/yunhemeihe/p/10823634.html

    展开全文
  • FastClick

    2019-10-30 10:30:47
    为什么要使用FastClick? 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件,才有了FastClickFastClick的使用 在页面...

    为什么要使用FastClick?

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

    FastClick的使用
    在页面直接引入fastclick.js

    <script type='application/javascript' src='/path/to/fastclick.js'></script>
    

    调用方法
    原生

    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
            FastClick.attach(document.body);
        }, false);
    }
    

    jquery(需要先引用jquery)

    $(function() {
        FastClick.attach(document.body);
    });
    
    展开全文
  • fastClick

    2019-09-18 20:19:33
    最近跟着视频看了一个vuejs+webpack+nodejs的项目(一个音乐播放器),其中用到了fastClick插件,但是并不是很了解,查了一些资料后整理了一下。 fastClick使用于在移动浏览器上发生介于轻敲及点击之间的指令时,...

    最近跟着视频看了一个vuejs+webpack+nodejs的项目(一个音乐播放器),其中用到了fastClick插件,但是并不是很了解,查了一些资料后整理了一下。

    fastClick使用于在移动浏览器上发生介于轻敲及点击之间的指令时,能够让你摆脱300毫秒的延迟。FastClick可以让你的应用程序更加灵敏迅捷。支持各种移动浏览器,比如safari,chrome,opera等

    ...移动浏览器将等待大约300ms从您点击按钮来点击点击事件。这样做的原因是浏览器正在等待您是否正在执行双击。

    什么时候不使用他

    fastclick不附加任何监听器在桌面浏览器上面,所以如果你的项目不是针对的移动浏览器,那么就不要使用这个插件。

    Android 设备上的 google浏览器 (Chrome) 32+ 版本,在meta头信息中设置 width=device-width 没有300毫秒的延时,所以也无需使用本插件。

    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    
    
    • Chrome浏览器在安卓设备上的时候,设置meta头信息中 user-scalable=no 但是这样就无法让用户多点触控缩放网页了。

    对于IE11 + 你可以设置 touch-action: manipulation; 来禁用通过双击放大某些元素例如:链接和按钮的,对于IE10使用 -ms-touch-action: manipulation 。

    使用方法

    1、引入插件的JavaScript文件到你的HTML网页中,像这样:

    <script type='application/javascript' src='/path/to/fastclick.js'></script>
    •  

    注意:type属性在HTML5网页中可以省略不写。

    脚本必须加载到实例化fastclick在页面的任何元素之前。

    实例化 fastclick 最好在body元素的前面,这是使用推荐的方法:

    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
            FastClick.attach(document.body);
        }, false);
    }
    •  

    或者你使用了jQuery插件,你可以这样编写:

    $(function() {
        FastClick.attach(document.body);
    });
    •  

    如果你使用的browserify CommonJS的模块系统或另一种风格,其fastclick.attach函数将返回 require(‘fastclick’) 。作为一个结果,使用fastclick这些装载机的最简单的方法如下:

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

     在vuejs中使用的时候,在mainjs中调用

    import fastclick from 'fastclick'
    fastclick.attach(document.body)

     

    转载于:https://my.oschina.net/u/3653125/blog/1531943

    展开全文
  • FastClick FastClick is a simple, easy-to-use library for eliminating the 300ms delay between a physical tap and the firing of a click event on mobile browsers. The aim is to make your application feel...
  • fastclick js

    热门讨论 2015-12-16 12:39:37
    fastclick的修复版,解决iphone上select点击闪退问题
  • fastclick.js

    2020-04-21 08:33:35
    fastclick.js 解决移动端300毫秒延迟插件
  • FastClick用法

    2020-05-06 18:37:40
    为什么要使用FastClick 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件,才有了FastClick。 项目地址:...

    为什么要使用FastClick

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

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

    FastClick的使用

    安装fastclick

    安装fastclick可以使用npm,Component和Bower。另外也提供了Ruby版的gem fastclick-rails以及.NET提供了NuGet package。最直接的可以在页面引入fastclick js文件。如:

    在页面直接引入fastclick.js

     

    <script type='application/javascript' src='/path/to/fastclick.js'></script>
    

    使用npm安装

     

    npm install fastclick
    

    初始化FastClick实例

    初始化FastClick实例建议在页面的DOM文档加载完成后。

    纯Javascript版

     

    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
            FastClick.attach(document.body);
        }, false);
    }
    

    jQuery版

     

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

    类似Common JS的模块系统方式

     

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

    调用require('fastclick')会返回FastClick.attach函数。

    使用needsclick过滤特定的元素

    如果页面上有一些特定的元素不需要使用fastclick来立刻触发点击事件,可以在元素的class上添加needsclick:

     

    <a class="needsclick">Ignored by FastClick</a>
    

    不需要使用fastclick的情况

    以下这几种情况是不需要使用fastclick:

    1、FastClick是不会对PC浏览器添加监听事件
    2、Android版Chrome 32+浏览器,如果设置viewport meta的值为width=device-width,这种情况下浏览器会马上出发点击事件,不会延迟300毫秒。

     

    <meta name="viewport" content="width=device-width, initial-scale=1">
    

    3、所有版本的Android Chrome浏览器,如果设置viewport meta的值有user-scalable=no,浏览器也是会马上出发点击事件。
    4、IE11+浏览器设置了css的属性touch-action: manipulation,它会在某些标签(a,button等)禁止双击事件,IE10的为-ms-touch-action: manipulation

    参考:https://github.com/ftlabs/fastclick

     

    展开全文
  • Updating Fastclick

    2021-01-07 19:43:42
    <div><p>Hi, I´m having...<p>A suggested solution seems to be updating Fastclick. How can I update it to the latest version in maui?</p><p>该提问来源于开源项目:mcasimir/mobile-angular-ui</p></div>
  • fastclick插件

    2019-10-12 20:57:28
    fastclick插件可以解决移动端点击延迟300ms的bug ...首先引入插件fastclick 在项目中导入插件 document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); ...
  • fastclick文件

    热门讨论 2013-07-23 13:52:15
    fastclick-master.zip 文件,可以有效处理phonegap应用中的点击事件

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,196
精华内容 478
热门标签
关键字:

fastclick