手势解锁页面在手机上浏览有问题

来源:2-5 canvas实现解锁成功-canvas案例

人生的起源

2020-02-24 23:00:14

我把视频中的练习上传到服务器上,在手机上测试,发现滑动时会被浏览器默认事件影响,请问老师要怎么解决?
http://heeff.com/test2.html

1、在QQ里面直接打开,上下都无法滑动,会变成页面移动
2、在华为默认浏览器打开,上下左右都无法正常滑动,左右会变成窗口切换
请问要怎么修改才能在移动端上正常操作?

写回答

1回答

好帮手慕慕子

2020-02-25

同学你好,可以在事件中添加e.preventDefault()方法,阻止浏览器默认的页面滚动事件。如下:

http://img.mukewang.com/climg/5e548dc10978e95a16561560.jpg

修改之后,可以清除浏览器缓存测试下。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 4826 问题

查看课程