关于移动端点击无效的一些经验
2016-10-09 16:29
169 查看
这两天在做一个WAP页面,在chrome上模拟移动端的时候,都好好的,然而放到手机上测试时,
发现有些点击事件直接无反应,但是有些有反应;
本小白在想,难道是由于我页面上有用到滚动插件,里面的touch事件的preventDefault导致click失效?
于是,换成了touchSart事件试了下,效果比之前略好,但是,有重复点击事件,本小白排查了一会儿,
发现页面上明明在滚动区域有别的点击事件,为毛别的用的好好的,就这个不行,仔细对比,发现别的都是A标签,
无效的是DIV,于是,我就像发现了新大陆一样,麻溜的将DIV改成A标签,于是,妥妥的好了!
于是,我又想,难道移动端DIV的点击事件都是这么鸡肋?,然后在一个非滚动区域的DIV上绑定事件试了下,
发现没问题,于是,我总结了下,在有用到滚动touch相关的事件里阻止了默认行为时,对DIV的点击绑定失效时,
将其转成A标签即可。
发现有些点击事件直接无反应,但是有些有反应;
本小白在想,难道是由于我页面上有用到滚动插件,里面的touch事件的preventDefault导致click失效?
于是,换成了touchSart事件试了下,效果比之前略好,但是,有重复点击事件,本小白排查了一会儿,
发现页面上明明在滚动区域有别的点击事件,为毛别的用的好好的,就这个不行,仔细对比,发现别的都是A标签,
无效的是DIV,于是,我就像发现了新大陆一样,麻溜的将DIV改成A标签,于是,妥妥的好了!
于是,我又想,难道移动端DIV的点击事件都是这么鸡肋?,然后在一个非滚动区域的DIV上绑定事件试了下,
发现没问题,于是,我总结了下,在有用到滚动touch相关的事件里阻止了默认行为时,对DIV的点击绑定失效时,
将其转成A标签即可。
相关文章推荐
- 这是我们公司总结的一些关于中文乱码问题的一些解决方案和经验和大家分享!
- 关于ASP.NET在IIS一些问题的经验总结
- 关于java中文乱码问题一些解决方案和经验
- re:【大家好,我有几个关于创业的问题,希望有创业经验,或是现在在开公司的朋友们给一些建议?】
- 关于JSP编译流程,和Vector处理的一些小经验
- 关于程序调用水晶报表的一些经验
- 这是我们公司总结的一些关于中文乱码问题的一些解决方案和经验和大家分享!
- 整理了一些关于asp开发的小经验(初学者水平)
- 一些关于中文乱码问题的一些解决方案和经验
- 关于ASPNET在IIS一些问题的经验总结
- 这是我们公司总结的一些关于中文乱码问题的一些解决方案和经验和大家分享!
- 【转贴】关于ASPNET在IIS一些问题的经验总结
- 关于ASP.NET在IIS一些问题的经验总结(zz)
- 关于ASP.NET在IIS一些问题的经验总结
- 关于ASPNET在IIS一些问题的经验总结
- 一些关于中文乱码问题的一些解决方案和经验
- [导入]关于ASPNET在IIS一些问题的经验总结
- 【关于ASP.NET在IIS一些问题的经验总结】
- 网上看到的一些关于asp.net开发的经验
- 这是我们公司总结的一些关于中文乱码问题的一些解决方案和经验和大家分享!