关于苹果浏览器触发点击事件的奇葩问题？求大哥

最新推荐文章于 2024-10-10 16:09:45 发布
最新推荐文章于 2024-10-10 16:09:45 发布
阅读量71 收藏
点赞数
文章标签： 前端 vue ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47190599/article/details/132064287
版权

今天pc项目突然有个问题反馈：大概就是有的需要点击两次（或者干脆点击几次都没用），才能正常触发事件。有的只需要点击一次（安卓没问题），我看了下我写的代码，触发的区别就是一个在微任务.then里面进行（异常触发），正常的就是在正常同步任务进行的，很奇怪虽然知道了问题所在也能解决，但是就是不知道什么原因导致的这个问题？希望有大哥解答！！！！！
在这里插入图片描述

我不是我不是
关注
html5 src="/i/movie.ogg"什么意思,关于HTML5视频标签的问题
weixin_35922444的博客
06-26 1201
一、基本video标签在兼容性上还是比较差的，如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8的(Opera、Mozilla、Chrome)，支持H.264的(Safari、IE 9、Chrome)，都不支持的(IE6、7、8)。但是由于H5在移动设备上展现，基本都是使用webkit内核，只需要考虑Android、IOS设备上的差异。width="640" h...
ios微信浏览器click事件不起作用的解决方法
07-07 332
$(document).on( "click", ".weui_cell", function (event) {alert(); }); JS代码是这样的，html代码是动态追加进去的，click事件在苹果手机没作用，在安卓和pc端事件完全正常 经过一番搜索，解决方法...
IOS微信内置浏览器打开页面click点击无效
fengboy
10-12 1303
问题： $(document).on("click",".btn",function(){alert("1")}); 在微信浏览器上点击不起作用，而在其他设备均没问题。 解决办法： 在点击事件前面加入这个代码启用点击事件。 // IOS 微信浏览器开启点击事件 $("body>*").bind("click",function(){}); 亲测有效！！ ...
解决ios微信内置浏览器触发事件有问题方案
weixin_33881140的博客
11-26 1302
你的问题原因是事件冒泡导致找不到或者找到多个事件导致的， 你这样去写！ $(“#div1").on("click",".k1",function(){ alert(11); }) 不要用： $(document).on("click","#div1 > .k1",function(){ alert(11); ...
IOS Safari与微信浏览器中点击事件失效的解决办法
qq_35641337的博客
04-09 2891
使用当委托给一个元素添加click事件时，如果的英文事件委托到document或body上，并且委托的元素是默认不可点击的（如div，span等），此时click事件会失效。 可以使用下面的代码在iOS中进行测试。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
IOS微信浏览器内H5页面点击事件失效
helloschurmi的博客
08-08 6212
在微信浏览器内的H5页面，当触发点击事件时有时会失效，点击没有效果，或者点击事件错位，其实这是因为在小屏幕上，在点击输入框弹出键盘 键盘回缩 后定位没有相应改变 也就是说，其实是input聚焦后页面被顶起，然后失焦后页面回位，但是这里只是视觉上回位了，window其实已经被顶上去一定的距离。你再次点击页面时就已经错位了，视觉上的点击事件触发按钮其实不是真正的按钮位置，所以点击时不会生效，而是在...
关于IOS设备window onscroll滚动条滚动事件不触发的问题
热门推荐
bwcx_jzy 的博客
03-08 1万+
http://blog.hooperui.com/%E5%85%B3%E4%BA%8Eios%E8%AE%BE%E5%A4%87window-onscroll%E6%BB%9A%E5%8A%A8%E6%9D%A1%E6%BB%9A%E5%8A%A8%E4%BA%8B%E4%BB%B6%E4%B8%8D%E8%A7%A6%E5%8F%91%E7%9A%84%E9%97%AE%E9%A2%98/ 这...
video标签在安卓下微信x5浏览器的一些问题
qq_26372385的博客
10-12 2684
强制全屏播放视频。（非腾讯视频） Click事件不能触发,play()方法。只能通过video标签自己的播放按钮进行播放。 因为播放只能通过video标签自己的播放按钮，所以readyState和canplaythrough视频就绪状态也没用。 不能自动播放。Autoplay失效。 不能同时播放视频。 Video标签设置display:none后，再设置display:block。Con...
个人使用uniapp的APP遇到的奇葩卡死问题
WQ564156的博客
08-09 501
uniapp出现界面卡死但是功能和时间都没问题。
惯性滚动及引发的问题整理
Iohboel的博客
11-06 2712
文章部分内容引自 http://www.cnblogs.com/chris-oil/p/6164966.html 前文说到，在iOS上滚动事件不顺滑，有个解决方案是使用-webkit-overflow-scrolling 属性。 简介：-webkit-overflow-scrolling  一个只有 iOS 设备支持的非标准属性。苹果自己的解释：指定是否在 overflow: scroll
H5 video 标签的用法及问题
gebilaoaodang的博客
12-25 735
h5的video标签的用法及问题 关于HTML5视频标签的问题 一、基本 *video标签在兼容性上还是比较差的，如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。但是由于H5在移动设备上展现，基本都是使用webkit内核，只需要考虑Android、IOS设备上的差异。 浏览器不支持/正在加载中 (指定的视频都不能播放时，返回的内容) v
JavaScript笔记
shine_my的博客
03-13 3344
JavaScript笔记
html+css+js基础问答
qq_43751465的博客
08-26 5271
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
移动端 Safari 踩坑记录
事非宜，勿轻诺；苟轻诺，进退错。
02-01 571
移动端 Safari中:hover导致的两次点击问题 问题描述：在移动端的Safari中，如果使用了:hover会导致两次点击事件的发生，如a标签链接到一个新地址，如果a标签使用了:hover就会造成第一次点击时响应:hover，第二次才响应a标签的跳转。 解决方案： 1. 监听`ontouchstart`事件 给body添加一个`no-touch`的class，用于限制`:hover
Javascript数组研究03_手写实现_fill_filter_find_findIndex_findLast_findLastIndex
qq_33546823的博客
10-03 1310
fill()方法用一个固定值填充一个数组中从起始索引（默认为 0）到终止索引（默认为）内的全部元素。它返回修改后的数组。输入参数value：用来填充数组元素的值。start（可选）：开始填充的位置，默认值为 0，索引处理方法和copyWithin一致。end（可选）：停止填充的位置（不包含该位置），默认值为，索引处理方法和copyWithin方法一致。输出：修改后的原数组。注意事项该方法会改变原数组，是修改方法。对于稀疏数组，空槽也会被value填充。是通用的方法在空数组上不会有任何处理。
Vue根实例、实例总结
m0_54007573的博客
10-04 664
Vue根实例、实例总结
Vue--Table的Column格式化方案
m0_69435612的博客
10-04 279
原日期格式：2024-09-07T08:32:41.000+00:00。格式化成YYYY-MM-DD。让数字显示小数点后几位。
前端--深入了解es6语法
最新发布
weixin_50559423的博客
10-10 413
ECMAScript是JavaScript的。
关于苹果设备快捷指令的问题如何关闭弹窗？
05-15
若您希望在使用苹果设备快捷指令时关闭弹窗，可以尝试以下操作： 1. 在快捷指令编辑页面，点击右上角的“设置”按钮（齿轮图标）。 2. 在设置界面中，将“显示预览”选项关闭。 3. 保存并使用您的快捷指令，此时...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值