手机H5仿微信多图上传(后续问题)

手机H5仿微信多图上传这片文章中已经实现了微信手机端多图上传的一些基本功能。但是到IOS真机微信浏览器中却发现怎么点击都没有反应,那么问题来了。

在ios端点击文字时根本没进入on()方法体,搜索得知微信在安卓版使用X5内核,iOS版使用自带Safari内核touch事件,不支持click,Safari内核只支持,原因未知。

以下是原来的写法,因为是动态append的所以一定要用这样写才能监测的到点击事件

    $(document).on("click",".you_class",function () {
      ******
    });

解决方法
1.像如下写法,但是这样append的就无法触发点击事件了(失败)

    $('.this_class').on("click",".you_class",function () {
      ******
    });

2.像如下写法,click修改为touchend事件,这样就能触发了,但是滚动一下啊就触发,
那还得写touchend的位移判断,太麻烦了(成功但是不完美)

    $(document).on("touchend",".you_class",function () {
      ******
    });

3.把触发的div全改成button,因为button有click(没试过)
4.像如下写法,语言触发的div加上cursor样式(完美解决)

cursor:pointer;

你可能感兴趣的:(手机H5仿微信多图上传(后续问题))