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

飘逸的风6年前 (2020-04-08)前端5207
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!');
});

相关文章

实现jQuery扩展总结

开发自己需要的jQuery插件,看个示例说明 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://...

js 数组操作集合

注意:以下是按操作来分类的,有的方法有多个用途,就有重复 1、数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Arra...

js控制在网页中禁用右键和禁止另存为的代码

禁止网页右击,选择,最简单的两句代码: <script type="text/javascript"> <!-- document.oncontextmenu=n...

jQuery动态改变图片显示大小(完美兼容全部)

当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸。通过搜索,我们可以从网上找到实现此功能的jQuery代码如下。这段代码可以使图片的大小保持...

css防止ul下的li换行代码

css防止ul下的li换行代码

完成效果图:  出现问题的效果图: 由于我做的页面品牌那里要展示的品牌名称肯定是有长有短,所以无法给li定义width,所以我只给li加了个float,在火狐和ie8下li更够自...

Microsoft.AlphaImageLoader滤镜讲解

Microsoft.AlphaImageLoader是IE滤镜的一种,其主要作用就是对图片进行透明处理。虽然FireFox和IE7以上的IE浏览器已经支持透明的PNG图片,但是就IE5-IE6而言还是...

发表评论

访客

看不清,换一张

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