移动端使用fastclick 解决

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毫秒。

原文地址:https://www.cnblogs.com/wrhbk/p/11490874.html