
移动端H5
monglove09
这个作者很懒,什么都没留下…
展开
-
在vant移动端UI框架中,使用日期控件在部分苹果手机上穿透的解决方法
打开浮动层 //防止苹果手机穿透日期控件 document.getElementsByTagName("body")[0].addEventListener('touchmove', (e) => { e.preventDefault(); },{passive:false}); //阻止默认事件...原创 2020-01-14 15:54:21 · 1587 阅读 · 0 评论 -
禁止html5手机端双击页面放大的问题,主要针对苹果手机
目前在vue项目中,发现使用vant框架的文本框输入组件,在苹果手机上出现触发文本框输入页面会放大,以下是解决方法:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">...原创 2020-01-14 15:50:54 · 2799 阅读 · 2 评论 -
移动端H5-在Vue项目中使用fastclick,解决300ms左右的延迟
移动端点击延迟事件,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟,解决方式:一、安装npm install fastclick -S二、用法安装完以后,可以在在main.js中全局引入,并绑定到body,全局生效。或者在单页面引入,只针对当前页面生效//引入import FastClick from 'fastclick'//初始化FastClick实例。在页面的...原创 2019-12-20 13:58:16 · 514 阅读 · 0 评论 -
移动端H5-给文本框加入清空按钮
<input v-model="ownerName" type="text" maxlength="16" placeholder="请输入申请人姓名 " @focus="userFocus()" @blur="userBlur()" autocomplete="off"> <van-icon class="close_icon" name="clear" color=...原创 2019-12-05 16:52:56 · 1134 阅读 · 0 评论 -
移动端H5-文本输入框不被弹起键盘遮住
<input v-model="ownerName" type="text" maxlength="16" placeholder="请输入申请人姓名 " @focus="userFocus()" autocomplete="off" ref="userobj">methods: { //申请人姓名获取焦点(防止键盘弹起遮住输入框) userFocus(){ ...原创 2019-12-05 14:13:44 · 1276 阅读 · 3 评论