移动滑块在PC端与移动端的兼容

本文介绍了前端新人阿k在处理PC端与iPad端滑块验证问题时的经验分享。通过添加touchStart事件,结合mouse和touch事件进行判断,实现滑块在不同设备上的兼容。同时,文章提醒在移动过程中需要阻止默认事件,防止屏幕跟随滑动。
摘要由CSDN通过智能技术生成

在这里插入图片描述

你可能需要的小知识(一)

移动滑块在PC端与移动端的兼容

前言


大家好,我是阿k,一个前端新人。从这篇文章开始,这个系列就计划跟大家分享我日常工作中碰到的一些问题以及我的解决方案,也许你正好需要,我也希望能够帮到你,OK,话不多说,我们就进入主题吧!

背景


因为公司目前的主要业务根据地是PC端网页,而且我前脚进公司,后脚就来了一个测试小妹妹,呸,是小姐姐,然后给我提了上一个前端留下来的十几个bug(我现在知道为什么不要得罪测试了,哇的一声哭出来,我改还不行吗),微笑,世界如此美好~。然后,其中有一个bug就是,在ipad端不能滑动注册时发送验证码的滑块,ok,我们来看一下怎么回事。

情景再现


在这里插入图片描述

就是这个最常见的校验滑块!!一开始我天真的以为,这不是很简单,不是分分钟搞定?过了五分钟…又过了五分钟…ok,这里我们先跳过个500分钟!但是,这真的只要5分钟就可以解决!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值