h5移动端开发
主要是针对平时遇到的移动端的兼容和样式问题
机器猫zhao
这个作者很懒,什么都没留下…
展开
-
移动端 -- 禁止苹果微信浏览器的下拉回弹
需求:实现页面中有个可拖动的悬浮球问题:在ios中,由于微信浏览器存在下拉回弹的特性,所以悬浮球拖拽的时候会引起整个页面的拖动,所以需要禁止掉浏览器默认事件,这样在拖动悬浮球时就不会出现问题了解决办法:(1)最简单粗暴的方法,就是禁止掉浏览器整个页面的滑动document.body.addEventListener('touchmove', function (e) { ...原创 2018-12-03 13:57:35 · 8316 阅读 · 0 评论 -
移动端 -- 点击输入框默认弹出数字键盘
应用场景:手机号、银行卡号等 <input type='tel' pattern='\d*' />原创 2018-12-03 15:43:28 · 4291 阅读 · 0 评论 -
移动端 -- 禁止微信浏览器物理返回键
需求:当完成一系列步骤之后,提交完成后,不想通过手机上的返回键返回到上一个页面,需要跳转到指定页面,这时候就需要禁止掉物理返回键解决:(此为Vue中的写法)export default { name: 'complete', methods: { routeTo () { this.$router.replace({name: '指...原创 2018-12-03 15:27:15 · 5364 阅读 · 0 评论