移动端
文章平均质量分 68
hh3167253066
勇敢牛牛,不怕困难
展开
-
移动端touch触屏滑动事件、滑动触屏事件监听!
一、触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel 目前移动端浏览器均支持这4个触摸事件,包括IE。由于触屏也支持MouseEvent,因此他们的顺序是需要注意的:touchstart → mouseover → mousemove → mousedown → mouseup → click1 Apple在iOS 2.0中引入了触摸事件API,Android正迎头赶上这一事实标准,缩小差距。最近一个W3C工作组正合力制定这一触摸事件规范。 二、规原创 2021-09-17 23:37:49 · 2996 阅读 · 0 评论 -
vue中touch和click共存的解决方式
touch事件在手机端会触发浏览器滑动,所以应给touch事件添加阻止默认行为touchmove.prevent。注意阻止默认行为事件不要添加在touchstart事件上,会影响到click事件的发生。 touch事件和click事件发生先后顺序: touchstart,touchmove,touchend,click 补充知识:touchstart与click同时触发 我们可以给某个元素同时绑定 touchstart 和 click 事件,这两个事件在移动设备上会发生冲突。 由于移动设备能够同时识别 t原创 2021-09-17 21:17:35 · 2242 阅读 · 0 评论 -
移动端布局之postcss-px-to-viewport(兼容vant)
在之前有一种流行已久的移动端适配方案,那就是rem,我想下面这两句代码,有不少老移动端都不会陌生: const deviceWidth = document.documentElement.clientWidth || document.body.clientWidth; document.querySelector('html').style.fontSize = deviceWidth / 7.5 + 'px'; 在那个移动端UI稿尺寸为7501334满天飞的时代,这两句代码确实给开发者带来原创 2021-09-16 22:21:47 · 2063 阅读 · 2 评论