mui框架使用video.js来播放视频,苹果手机全屏没问题,安卓手机全屏却闪一下就退出,原因是因为引入了mui.js,导致和video。js冲突了,touch事件执行了两遍,解决办法是video.js的全屏按钮点击一次后就阻止,代码 mui("#my-video").on("touchstart" ...
分类:
移动开发 时间:
2019-09-21 16:46:01
阅读次数:
169
收货地址的删除方式可能有很多种,我目前见过的暂时只有两种(1、在编辑页删除 2、长按某一条收货地址弹出是否删除地址) 在开发的项目上要求第二种删除方法,于是记录一下我写的代码 ~ 1.首先,在移动端,手指点击一个元素,会经过:touchstart --> touchmove --> touchend ...
分类:
移动开发 时间:
2019-08-23 19:19:56
阅读次数:
462
mdn上写了,scroll事件冒泡并不能被取消:https://developer.mozilla.org/en-US/docs/Web/API/Document/scroll_event 我当前遇到一个业务就是,在h5页面内,整个页面需要支持上下滑(touchstart/touchmove/tou ...
分类:
其他好文 时间:
2019-08-19 00:15:40
阅读次数:
212
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 ...
分类:
移动开发 时间:
2019-07-29 10:11:54
阅读次数:
138
事件类别: tap:点击事件; longtap:长按事件; touchstart:触摸开始; touchend:触摸结束; touchcansce:取消触摸; 事件绑定: bind绑定; catch绑定;(能阻止事件冒泡) 例如:绑定点击事件 bindtap page.wxml 文件 page.js ...
分类:
微信 时间:
2019-07-27 13:10:57
阅读次数:
211
1、click事件 单击事件,和PC端的点击事件一样,但是在移动端click事件有200ms ~ 300ms触发延迟。 2、touch事件 移动端触摸点击事件。包含touchstart、touchmove、touchend、touchcancel四种事件 touchstart:手指点击屏幕时触发的事 ...
分类:
移动开发 时间:
2019-07-22 11:52:44
阅读次数:
132
一、前言 本文主要涉及: 1、移动端的touch事件 2、移动端的滑动手势实现的原理 3、移动端点击的时候出现的300ms延时问题 二、主要内容 1、移动端的touch事件 (1)常见的touch事件 touch事件是移动端的触摸事件 并且是一组事件。 touchstart 当手指触摸到屏幕的时候会 ...
分类:
移动开发 时间:
2019-07-18 15:12:21
阅读次数:
151
禁掉默认事件: 在移动端开发时,会有很多默认事件,通常需要禁止所有的默认事件。 移动端常用的事件是touchstart(手指触摸),touchmove(手指滑动),touchend(手指抬起) 在禁掉默认时间的同时,会把所有的a标签也禁掉。 重新开启a标签,并且防止误触 关于arguments: 函 ...
分类:
移动开发 时间:
2019-07-07 14:42:21
阅读次数:
147
监听touchStart,touchEnd,使用jquery的animate touchStart(e) { console.log("开始"); this.startY = e.targetTouches[0].clientY; }, touchEnd(e) { // e.preventDefau ...
分类:
移动开发 时间:
2019-06-27 16:38:26
阅读次数:
128
<view class="touch" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" ></view> <view class="touch" bindtouchstart="touchSt ...
分类:
微信 时间:
2019-06-16 16:12:56
阅读次数:
553