开发移动端web页面click事件失效问题
2024-10-16 09:13:41
这两天在做一个WAP页面，在chrome上模拟移动端的时候，都好好的，然而放到手机上测试时，
发现有些点击事件直接无反应，但是有些有反应；
难道是由于我页面上有用到滚动插件，里面的touch事件的preventDefault导致click失效？
于是，换成了touchSart事件试了下，效果比之前略好，但是，有重复点击事件，本小白排查了一会儿，
发现页面上明明在滚动区域有别的点击事件，为毛别的用的好好的，就这个不行，仔细对比，发现别的都是A标签，
无效的是DIV，于是，我就像发现了新大陆一样，麻溜的将DIV改成A标签，于是，妥妥的好了！
于是，我又想，难道移动端DIV的点击事件都是这么鸡肋？，然后在一个非滚动区域的DIV上绑定事件试了下，
发现没问题，于是，我总结了下，在有用到滚动touch相关的事件里阻止了默认行为时，对DIV的点击绑定失效时，
将其转成A标签即可。
最新文章
- jquery遍历不同色彩的li
- swift 的高阶函数的使用代码
- hdu2222 Keywords Search ac自动机
- 【JAVA - SSM】之MyBatis开发DAO
- shell入门之流程控制语句 分类： 学习笔记 linux ubuntu 2015-07-10 16:38 89人阅读 评论(0) 收藏
- 常用的CSS属性
- Composer生成PHP依赖包
- Chapter 21_3 模式
- swaggerui在asp.net web api core 中的应用
- （五十）Quartz2D生成图片的一些应用
- kill -3 PID命令获取java应用堆栈信息
- ASP.NET Web API2返回值处理流程
- Linux之文件恢复[extundelete,针对rm]
- Mac下配置Golang环境
- jupyter notebook添加Anaconda虚拟环境的python kernel
- php-fpm进程关闭与重启脚本详解
- Git的基本使用方法和安装&心得体会（使用git命令行）
- 管理Linux服务器的用户和组(续篇)
- LINUX学习之一：
- cacheData