前言 最近需要使用手指捏合扩大的手势操作，找了几个组件，要么对 Vue 适配不好，要么量级太大，决定自己手写手势操作。 项目与效果预览 思路 直接在 DOM 上绑定 touchstart 、touchmove、touchend 不仅要绑定这几个事件，而且用在其他项目还不好复用。所以用 Vue 自定义 ...
分类：
其他好文 时间：
2020-06-12 10:38:01
阅读次数：
52
刚添加echarts的时候： 滚动页面的时候： 1. 当时百度了很多办法有大神说是因为echarts的默认触碰值的问题 bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" 去掉这几个默认的方法就行 ...
分类：
微信 时间：
2020-06-10 13:24:08
阅读次数：
294
前言 移动端原生支持touchstart、touchmove、touchend等事件，但是在平常业务中我们经常需要使用swipe、tap、doubleTap、longTap等事件去实现想要的效果，对于这种自定义事件他们底层是如何实现的呢？让我们从Zepto.js的touch模块去分析其原理。您也可以 ...
分类：
其他好文 时间：
2020-05-03 16:43:30
阅读次数：
68
1.兼容问题 + 浏览器兼容：iOS/安卓点击唤醒浏览器事件 + 界面兼容 2.点击事件click ：https://www.cnblogs.com/xzybk/p/11906938.html （1）触摸事件：touchstart、touchmove和touchend + touchstart事件： ...
分类：
移动开发 时间：
2020-04-14 12:33:43
阅读次数：
95
前言 最近在开发时遇见一个问题 我们知道a标签是没有 属性的，那么如何实现a标签按钮的禁用呢? 转换一下思维，设置 属性的元素表现为不能点击、无法获得光标焦点，那么我们不用 属性实际上也可以达到同样的效果！ 方法一：移除点击事件 或`touchend` 我们可以直接使用jquery：unbind() ...
分类：
其他好文 时间：
2020-04-11 18:51:22
阅读次数：
62
在我们开始用原声JS写移动端轮播前，我们先了解一些移动端的基础。 touch事件、touchEvents对象、滑屏的思想与实现 移动端touch事件 touchstart touchmove touchend let box = document.querySelector("#box"); /* ...
分类：
移动开发 时间：
2020-03-21 00:04:28
阅读次数：
82
1、click300ms延迟？ fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块，tap事件也是为了解决在click的延迟问题 触摸事件的响应顺序为 touchstart --> touchmove --> touchend --> click,也可以通过绑定o ...
分类：
移动开发 时间：
2020-03-16 12:31:16
阅读次数：
306
移动端事件有哪些： 触摸事件 手势事件 传感器事件 （后面两个兼容性不怎么样，因此重点就是触摸事件） 触摸事件： touch 事件 pointer 事件 （PC端可能会使用jQuery做动画，移动端一般不会，基本都是使用css3做动画） ontouchstart （必须在元素内部才能触发） onto ...
分类：
移动开发 时间：
2020-03-15 22:38:39
阅读次数：
107
1.3.1 触屏事件概述 移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有。 touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触 ...
分类：
其他好文 时间：
2020-01-14 20:26:22
阅读次数：
85
获取随机色,vue的使用 <view class="slip-item" :style="{background:bgColor}" @tap="selectItem()" @touchstart="touchStart" @touchend="touchEnd" @touchmove="touch ...
分类：
其他好文 时间：
2019-12-30 14:24:46
阅读次数：
465
