H5页面点击事件不生效问题如何解决?

飘逸的风7年前 (2020-04-08)前端5419
H5页面里的标签绑定了点击事件,但是点击时有时不生效,直接使用 $(document).on(‘click’,function(){}) 绑定了点击事件,在点击它的子元素的时候点击事件并不生效。但是在浏览器模拟一切正常。遇到这种情况,以下是几种解决方案可供参考:

1、给需要绑定事件的元素添加一个css cursor: pointer ,事件依然用click事件:

.div{cursor:pointer;}
2、第二种解决方案是JS将click事件替换为touchstart事件(如果要兼容电脑端,就需要两个事件并存),或者click事件与touchstart事件并存:

// 替换touchstart
$(document).on("touchstart",".farmGoods",function(){
     alert('hello world!');
});

// click 与 touchstart 并存
$(document).on("click touchstart",".farmGoods",function(){
    alert('hello world!');
});

相关文章

js判断undefined类型,undefined,null,NaN的区别

js判断undefined类型 今天使用showModalDialog打开页面,返回值时。当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined 所以自作聪明判断&nb...

jQuery 滚动鼠标中键图片自动改变大小(统一控制)

今天维护一个项目,需要对内容里的图片通过图片中间控制大小。由于是以前完成的,客户之前也没有提出要求,所以对已经添加后的数据没办法在一个个地在图片上加函数。网上查找了一下控制中键的资料,终于找到解决办法...

jQuery插件 图片放大镜-Cloud Zoom

jQuery插件 图片放大镜-Cloud Zoom

图片放大镜效果是一种不错的效果,多应用于电子商务、图片展示等网站,给用户带来更好的体验。实现这种效果的代码不少,今天要给大家介绍的是 Cloud Zoom,它是 jQuery 的一个插件。和其他产品相...

jQuery操作Select的方法集合

jQuery获取Select选择的Text和Value:  语法解释:  1. $("#select_id").change(function(){/...

js 字符串操作函数集合

concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串。  indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项,返回 -1 。  c...

html+css 中 em和px 的尺寸解释

px像素(Pixel),相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。