苹果手机浏览器$(document).on("click",function(){})点击无效

最新推荐文章于 2023-12-06 17:17:16 发布
原创 最新推荐文章于 2023-12-06 17:17:16 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解决了一个在iOS设备上实现click事件的问题，通过为元素添加cursor:pointer样式属性，使得触摸屏上的tap事件能够模拟click行为，适用于需要在iOS浏览器中响应鼠标点击效果的场景。

 

原因是ios上没有click事件，解决办法2中

我只建议一种

就是在绑定的元素上添加一个 cursor:pointer 属性就可以了cursor:pointer;  cursor:pointer 

style='cursor:pointer'

煮吧姐
关注
uniapp - 解决在线预览PDF文件空白打不开的问题，无论是后端下载二进制文件流pdf还是本地插件或JS预览查看打开白屏不显示，详细排查解决（适用于移动端H5网页、安卓/苹果app、微信小程序）
🏆 前端领域优质创作者
09-11 4559
uniapp App端 实现pdf文件预览打开白屏解决，uniapp 在线预览pdf打开一片空白，跨域白屏，uni-app中使用WebView预览PDF文件打开空白，微信小程序（uniapp）预览PDF空白怎么办，下载PDF文件流后打开空白或无法打开的问题，Uniapp H5网页下载二进制pdf文件页面空白以及解决文件损坏打不开的情况，Uniapp app在线预览pdf文件流，PDF加载出来怎么办，服务器后端返回PDF文件流后前端进行下载但打开后一片白屏，解决pdf文件流，预览全是空白页，pdf文件流，下载
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 3207
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
苹果手机浏览器$(document).on("click",function(){})点击无效的问题
William_Wei007的博客
05-04 4565
$(document).on(“click”,function(){})
$(document).on(“click“, “.name“, function() {})苹果失效问题 -- 兼容性问题
weixin_40918145的博客
04-19 1825
<div class="name">点我</div> $(document).on("click", ".name", function() { alert("name"); }); 以上代码在电脑浏览器和安卓上都能触发alert事件，但是在ios上却完全没有反应 查阅了很多信息后，说是iphone这些元素上没有click事件，它是touch事件， 就是说如果这...
使用jquery的on事件绑定或$(document).on(‘click‘)绑定单击事件，在苹果手机浏览器上点击无效果
业余前端的职业经历
06-30 599
日常怕坑之路，哈哈，产品反馈的问题，小赵啊在苹果的部分机型上点击事件不起作用了，有时候真心觉得程序员经验就是靠bug给堆起来的。 安卓机子，模拟测试正常，苹果上确实有问题哈哈 经查阅资料 看到有一种解决方法 在需要点击的对象上面 添加 css样式 cursor:pointer; 至于为什么，本猜测可能看起来是人用手进行点击的哈哈 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &
ios移动端浏览器点击事件失效的解决方案
weixin_30662849的博客
06-11 560
点击事件失效的原因可能是因为，你用了事件代理了， 比如这样 $(document).on("click",".fd",function(){ }) 这段代码在安卓机上是没有问题的，但是iso的自带浏览器和微信浏览器和其他浏览器都会失效，原因是ios规定，事件代理的元素只能是button元素其他一律不生效 想要解决这个问题，也很简单 1. $(document).on...
iOS系统和微信中不支持audio自动播放问题的解决方法
08-29
苹果设备为了节约电量和防止用户被打扰，要求音频播放必须由用户交互触发，例如点击、滑动等。而在微信内，由于浏览器内核的限制，这一规则更为严格，即使用户进行了交互，audio标签的autoplay属性也可能无效。 ...
html5移动设备浏览器触屏事件兼容处理
jiangcs520的专栏
05-21 8635
自打诺基亚被苹果干趴下，Google开源Android系统，智能设备数量以及种类以不可阻挡的势头发展，苹果封闭的生态系统，Android开源开放的生态导致，殊途同归地给了我等屌丝开发者相同苦逼的命运，兼容命题。跨平台适配是个痛苦的工作，这里只谈谈近期工作学习相关的部分，苹果设备和安卓设备浏览器对触屏事件的兼容问题。 解决的就是这个问题
在苹果和安卓的移动设备上，微信浏览器中，用什么样的网页代码可以保持设备屏幕常亮不锁定不息屏？
最新发布
09-18
在苹果（iOS）和安卓（Android）的移动设备上，微信内置浏览器中运行的网页如果希望保持设备屏幕常亮、防止自动锁定或息屏，目前**没有标准且通用的方法可以完全实现这一功能**，原因如下： --- ### 限制背景说明 ...
IPhone中H5页面用on绑定click无效的解决方法
10-22 479
首先声明本人资质尚浅，本文只用于个人总结。如有错误，欢迎指正、共同提高。 ----------------------------------------------------------------------------------- 首先问一句？ 为什么移动页面还在用click方法？假如必须用click，且遇到如标题所示bug,下文便是解决之道。当然，如果不用必须用click...
解决IOS移动端 Safari浏览器 onclick无法触发的问题
mhx123456789的博客
07-01 632
解决IOS移动端 Safari浏览器 onclick无法触发的问题
IOS下Iphone手机访问移动端页面，on预绑定的click事件不执行，解决方案
chuiqudiao1834的博客
12-11 168
IOS下Iphone手机访问移动端页面，on预绑定的click事件不执行。 chrome浏览器在PC上模拟，仍然正常，只有在iphone手机下click事件不能触发 ，后来发现span标签 加上 样式 cursor:pointer 即可解决。 ...
$(document).on("click");在ios上不触发
weixin_42340514的博客
08-30 553
代码在电脑浏览器和安卓上都能触发点击事件，但是在iOS上却完全没有反应。 但是如果这个标签是button的话，click事件则是可以触发的，因为IOS中div本身默认不可点击 。 解决方案” 1：给这个元素添加css 在样式中添加属性cursor:pointer; .demo{curser:pointer;} 2、还可以将click改为touchstart事件，或者共存 $(doc...
关于jquery的on(“click”,function(){}),事件绑定无效
服务员的博客
11-05 3006
之前在做jquery时,遇到一个问题,就是我在<div class=".comment-action"></div>append一个<a class="cancel" href="javascript:void(0)"></a>给啊标签绑定click 点击事件时 不起作用,jquery的版本时3.4.1,也找不到起的错误.就是没触发: $(sel...
关于苹果手机点击事件无效的解决办法
weixin_30443895的博客
08-21 833
最近在开发一个公众号，有一个点击事件，在安卓手机上可以使用，但是放在苹果手机上就不行了，而且有两个页面都有这个点击事件，第一个页面在苹果手机上可以正常使用，第二个页面就不行，第一个页面使用的是 　　　　 $('选择器').click(function(){}) 第二个页面使用的是事件委托 　　　　$('选择器').on('click','选择器'，function(){}) 看网上的回答是...
安卓端微信内置浏览器采坑记录:document.documentElement.scrollHeight问题
phi1111的博客
12-06 424
安卓手机微信内置浏览器里document.documentElement.scrollHeight有问题, 它获取到的值等于document.documentElement.clientHeight , 解决办法是把document.documentElement.scrollHeight改成document.body.scrollHeight。
安卓微信浏览器scrollTop
m0_54975590的博客
02-08 179
结果在pc端的浏览器可以生效，pc端浏览器中的移动端模式可以生效，在苹果手机上的微信浏览器也可以生效，唯独在安卓手机的微信浏览器不能生效。前阵子在公司实现一个常见的需求，就是添加一个返回顶部的按钮，当滑动网页到一定程度后会出现这个按钮，需要获取到元素的滚动高度。解决是解决了，但是为什么呢？这几个写法有什么区别呢？以后遇到这种类型的兼容性问题一般这样处理就行了。后来发现在安卓手机的微信浏览器中。
苹果手机浏览器$(document).on(“click”,function(){})点击无效的问题
weixin_30478923的博客
02-22 209
<label class="js_highlight" style="display: inline-block;float: left;width: 50%;"> <div class="compare-top-left-check"> <...
修复chrome浏览器中jQuery的$(document).ready()执行问题
标题所指的知识点为Chrome浏览器对jQuery的$(document).ready()函数的支持问题。$(document).ready()是jQuery库中极为重要的一个函数，它确保了在DOM文档完全加载并解析完成后，才执行其中的代码。这个函数的主要...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值