var passiveEvent = false; try { var opts = Object.defineProperty({}, 'passive', { get: function () { passiveEvent = true; } }); window.addEventListene ...
分类：
其他好文 时间：
2020-12-14 13:18:20
阅读次数：
2
最近写项目时发现通过meta标签已无法禁止移动端双指缩放，一般的js写法也无法阻止，最终解决方案如下： 重点：passive //禁止双指放大 document.documentElement.addEventListener('touchstart', function (event) { if ...
分类：
移动开发 时间：
2020-09-15 21:08:02
阅读次数：
65
在触屏设备下，要判断是单指还是多指操作，可以通过event.touches数组对象的长度判断 例如： document.addEventListener('touchstart',function(event){ var touches = event.touches; if(touches.len ...
分类：
移动开发 时间：
2020-07-10 11:41:37
阅读次数：
129
1、view代码 <view class="imgShow" v-for="(item,index) in list" :key="index"> <image :src="item.image_path" @touchstart.prevent="touchstart(index)" @touch ...
分类：
移动开发 时间：
2020-06-29 18:28:39
阅读次数：
234
IOS active 状态失效问题 失效原因 By default, Safari Mobile does not use the :active state unless there is a touchstart event handler on the relevant element or ...
分类：
移动开发 时间：
2020-06-29 00:21:02
阅读次数：
69
事件分类 事件分为冒泡事件和非冒泡事件： 冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。 非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。 WXML的冒泡事件列表： 类型 触发条件 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchc ...
分类：
微信 时间：
2020-06-26 19:52:34
阅读次数：
80
前言 最近需要使用手指捏合扩大的手势操作，找了几个组件，要么对 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
var div = document.querySelector('div'); div.addEventListener('touchstart', function() { console.log('触摸'); }); div.addEventListener('touchmove', func ...
分类：
其他好文 时间：
2020-06-07 21:04:53
阅读次数：
57
如果你关注我应该知道，我最近对PC端页面进行移动适配。在这个过程中，为了节省用户300ms的时间，同时给予用户更及时的点击反馈（这意味着更好的用户体验），我在尝试使用移动端独有的 touchstart 事件替代传统的 click 事件，这过程中我遇到了一些小问题，并成功解决了，你可以通过这篇文章查看 ...
分类：
其他好文 时间：
2020-06-05 10:22:50
阅读次数：
86
