剖析iphone之触摸事件touchstart

今天做项目发现一个问题，貌似从前没有遇到过，就记录一下，以后方便看.....（代码只显示了js这部分 样式结构都会写）

一般我们绑定click触发事件都是直接用onclick 或者方便一点click,当然我也是这样的...所以今天就遇到坑了

这几天做了一个项目，pc端和wap端的一个双旦活动页，昨天晚上做好上线的，今天自己测试了一下wap端的一个点击事件在安卓版可以正常使用，而在ios上虽然不报错，却无任何效果，第一次遇到百思不得其解，以为是自己的点击事件写法不对

 当然在浏览器的模拟器里一切都是正常的，又把jq的几种click事件的方法都试了一遍，一遍一遍更新到服务器，后来还是不行，于是就上网查资料，才知道是入坑了

找出了解决方法，希望没有遇到过的以后可以绕过，

第一种方法就是利用css的样式解决

给绑定click函数的那个dom元素加上

【cursor: pointer;】属性

第二种方法就是通过接触新的js事件

先说原理...资料显示iphone上这些元素没有click事件，它是touch事件，所以用到了touchstart，还有好多触摸事件 知识暂时还用不到 具体不讲了...

绑定click事件的同时在添加一个 【touchstart】事件  .on("click  touchstart",function(){.....

自己查资料是有这么两种方法，自己亲测（绑定click事件的同时在添加一个 【touchstart】事件）是比较靠谱的，属于粗暴而高效，最好建议两个事件写的时候共存，还有安卓哦.....

（第一次写博客，勿喷 谢谢。。。）

转载于:https://www.cnblogs.com/yaoxiantong/p/6207497.html