最近使用vue学习开发移动端的项目,使用了bette-scroll插件做滚动。在引入better-scroll的组件中使用@click事件的时候,点击事件失效,v-on:click、v-bind:click、@click.native都不行,试了一下@touchstart是却是可以的,发现bette ...
分类:
其他好文 时间:
2018-07-03 14:34:00
阅读次数:
1479
做联调的时候就得把static里面的自己的静态mock文件删除 在config里面index.js文件修改proxyTable 对象里面的 target 的路径就行 城市页面 abcd...右侧导航滑动在手机上页面也会跟着滑动 解决: 在touchstart事件加上.prevent 在低版本浏览器上 ...
分类:
其他好文 时间:
2018-06-29 19:58:52
阅读次数:
346
在body上绑定一个touchstart事件,空函数就行: 或者在body标签上加上ontouchstart=""也可以: ...
分类:
移动开发 时间:
2018-06-18 13:24:13
阅读次数:
325
1. 移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件: 1、touchstart: //手指放到屏幕上时触发2、touchmove: //手指在屏幕上滑动式触发3、touchend: //手指离开屏幕时触发4、tou ...
分类:
移动开发 时间:
2018-06-13 01:02:02
阅读次数:
220
安卓页面可以打开,苹果端hover上去打不开;hover的没有方法没有激活; a:hover 设置的样式在ios系统的浏览器内显示不出来,看来在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。 代码如下: 1 或者给body添加 ...
分类:
移动开发 时间:
2018-06-12 22:27:44
阅读次数:
436
移动端滑动方向判断,主要是判断利用x,y轴方向的增量,哪个轴增的快,就是哪个方向。 在touchstart中获取初始点,startX, startY; 在touchmove中获取移动点,moveX, moveY 计算两者的差 deltaX = moveX - startX; deltaY = mov ...
分类:
移动开发 时间:
2018-06-08 20:38:42
阅读次数:
218
Number one 链接 向右滑动, 显示删除按钮, 根据touchStart touchEnd 的 clientX 差距 > 30; 说明是向左滑动, 显示; 改变 e.currentTarget.parentElement.dataset.type (还有这种操作) data -type = ...
分类:
其他好文 时间:
2018-06-06 22:24:44
阅读次数:
209
看了下代码,大概是因为ios内置的系统会拦截audio的自动播放,所以需要一个交互,这个代码的交互就是当屏幕被touchstart之后开始加载音乐然后播放.转需 ...
分类:
移动开发 时间:
2018-05-25 14:05:12
阅读次数:
288
webapp中使用Layer For Mobile弹出弹窗,修改昵称输入文字后,ios手机中,如果不先点击收起键盘,两个按钮点击之后无效... 两个按钮的方法是写在这里的——> 最后只能吧点击按钮click事件单拎出来。。。发现还是会无效。 那就只能试下touchstart。。。发现可以了。 解决办 ...
分类:
其他好文 时间:
2018-04-26 14:04:37
阅读次数:
918
jQuery的touch事件是当用户触摸事件(页面)时触发的。 jQuery的click事件是当用户点击元素时触发的。 而事件执行流程是手指点击一个元素,会经过:touchstart --> touchmove -> touchend --》click。所以在触发touch事件时,默认会自动触发cl ...
分类:
其他好文 时间:
2018-04-19 21:52:35
阅读次数:
204