iPhone微信浏览器某些元素点击无效

同样是微信浏览器，但是在Android平台上和ios平台上表现还是有很大的差异，今天就遇到了诸多问题，记个笔记。

使用的jQuery，一些事件监听在ios微信浏览器无效，贴出我的代码：

$(document).on('click', '[data-action="toggle"]', function (e) {$(this).toggleClass('active');return !1;});

这段代码在Android的微信浏览器里没有任何问题，但在ios的微信浏览器里面失效。

解决方案：
针对这种使用代理的‘click’事件监听，在ios的微信浏览器中要求元素必须是button，其他的元素都无效。所以，把原来所有的元素改为button就解决啦！

iPhone微信浏览器某些元素点击无效相关推荐

html动态生成按钮事件无效,【iCheck】通过 JS 动态生成的元素点击无效的解决方法...
HTML Sample JS$('input').iCheck({ checkboxClass: 'checkbox-default', radioClass: 'radio-default' }); ...
php jquery点击事件,jQuery操作html元素点击事件详解
这次给大家带来jQuery操作html元素点击事件详解,jQuery操作html元素点击事件的注意事项有哪些,下面就是实战案例,一起来看一下. 移除或禁用html元素的点击事件可以通过css实现也可以 ...
vue中父元素点击事件与子元素点击事件冲突
vue中父元素点击事件与子元素点击事件冲突在做vue项目的时候,遇到子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢?这就用到vue事件 ...
iPhone微信浏览器中jQuery发起post请求无效
在ios微信浏览器中,jQuery.post方法访问本地地址没有返回,而且也不能做调试. 原因:ios里面的post请求,要求完整的post的请求头和json响应头,所以不能直接post访问本地文件, ...
vue子元素点击事件与父元素点击事件冲突子元素点击事件不触发
在vue项目中,子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢? 解决方法:使用vue中的事件修饰符 vue为 v-on 提供了 .st ...
iPhone微信浏览器中默认弹框alert去掉域名显示
原创 https://blog.csdn.net/kirsten_z/article/details/79696220 <script type="text/javascript&q ...
js手动触发页面元素点击事件，程序触发，自定义点击事件模拟点击
页面有时候的使用场景需要手动控制某个元素响应点击事件,可以达到不直接点击元素来响应事件,这里可以使用element.dispatchEvent(),在使用element.dispatchEvent() ...
CSS去除元素点击时出现的小竖杠
在开发过程中我们不免要使用div span等一系列非a/bottom 的元素来充当跳转或提交的工具可我们会发现当用户点击我们的假触发器上会出现一个类似于输入框输入提示的小竖杠其实原理很简单页面 ...
html 隐藏元素点击事件,css隐藏元素的几种方法中可以触发点击事件的是？
css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法. css隐藏元素的方式: 1.display:none;.box{ display: none; } 最简单也最粗暴的方 ...

iPhone微信浏览器某些元素点击无效

iPhone微信浏览器某些元素点击无效相关推荐

最新文章

热门文章