微信小程序> APP嵌套H5页面点击事件不生效问题解决方案

APP嵌套H5页面点击事件不生效问题解决方案

浏览量:444 时间: 来源:韩大璐

最近在写app内嵌套H5页面时候,发现给一个盒子用 $(document).on(‘click’,function(){}) 绑定了点击事件,在点击它的子元素的时候点击事件并不生效。但是在浏览器模拟一切正常。

解决方案:

  1. 给需要绑定事件的元素添加一个css cursor: pointer ,事件依然用click事件。
.farmGoods{    cursor:pointer; }
  1. 第二种解决方案是将click事件替换为touchstart事件,或者click事件与touchstart事件并存。
$(document).on("touchstart",".farmGoods",function(){     alert('111'); });
$(document).on("click touchstart",".farmGoods",function(){    alert('111'); });

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎