var startX = startY = endX = endY = 0; var body = document.getElementById("dind"); body.addEventListener('touchstart', function(event){ var touch = ev ...
分类：
Web程序 时间：
2020-03-27 11:16:33
阅读次数：
139
由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault() ，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如丝般顺滑，从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 tou ...
分类：
其他好文 时间：
2020-03-21 14:49:59
阅读次数：
48
在我们开始用原声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
解释 由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault() ，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如丝般顺滑，从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 ...
分类：
其他好文 时间：
2020-03-15 00:05:08
阅读次数：
41
小程序在1.5版本以后，支持 bind：tap=“事件名称” 来绑定事件 catch：tap=“事件名称” 也可以用catchtap来绑定事件 还有一些几乎所有组件都有的事件： touchstart：手指开始触摸 touchmove：手指移动 touchcancel：手指触摸被打断，比如说电话来了 ...
分类：
微信 时间：
2020-02-20 00:05:36
阅读次数：
115
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
可以拖拽，靠边停靠，效果图如下 代码如下： 注意：代码中使用的图片未上传 DragAndDrop组件： <template> <div class="drag" id="moveDiv" @mousedown="start($event)" @touchstart="start($event)" @ ...
分类：
其他好文 时间：
2019-12-29 11:20:48
阅读次数：
57
