当前位置 : 主页 > 手机开发 > 无线 >

移动端使用fastclick 解决

来源:互联网 收集:自由互联 发布时间:2021-06-10
html vue 1. cnpm i fastclick --save 2.在main.js中引入并绑定到body import fastclick from ‘fastclick‘; 3. fastclick.attach(document.body); react 1. Install npm install --save-dev react-fastclick-alt 2. 用法 将元素或者compon

html

vue

1. cnpm i fastclick --save

2. 在main.js中引入并绑定到body

     import fastclick from ‘fastclick‘;

3. fastclick.attach(document.body);

react

1. Install

npm install --save-dev react-fastclick-alt

2. 用法

将元素或者component放在  <FastClick>...</FastClick> 中

3. 监测到tap事件后会阻止冒泡  event.stopPropagation()

import React from ‘react‘;

import  FastClick from  ‘react-fastclick-alt‘ ; import  ReactDOM from  ‘react-dom‘ ; ReactDOM.render(<FastClick><MyApp/></FastClick>, document.getElementById( ‘app‘ ));

4. 两个参数  

  threshold    在px中不能再转换为点击之前,触摸可以移动多远。 默认为15px。

  timeThreshold   在不能再将点击转换为点击之前可以持续点击多长时间,以毫秒为单位。 默认为125毫秒。

网友评论