JS 简单实现滑块验证码
废话开篇:拖动底部滑块,实现滑块验证码功能
一、实现效果
二、总结与思考
图片是由操作像素点绘制的,直接生成了两张图片,一个是缺口小图,一个残缺大图,因为缺口的位置是随机的,缺口的形状也可以自定义,因此并没有用 CSS 去处理图片的,反而用像素的话感觉可操作性更高。
对鼠标左键按下跟抬起事件进行了监听,只有当点击区域在滑块内才会触发鼠标滑动监听的事件回调处理。如果能帮助到大家深感欣慰!代码拙劣,大神勿笑[抱拳][抱拳][抱拳]
转载自:https://juejin.cn/post/7214378356686356541