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

最新推荐文章于 2021-07-23 09:49:58 发布
最新推荐文章于 2021-07-23 09:49:58 发布
阅读量946 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunwork888/article/details/93588634
版权

 

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

我只建议一种

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

style='cursor:pointer'

煮吧姐
关注
$（document）.click（）在iPhone上无法正常工作jQuery
dituirenwu的博客
02-26 291
如何解决$（document）.click（）在iPhone上无法正常工作jQuery？添加以下代码即可。 问题是iPhone不会引发点击事件。他们引发“触摸”事件。非常感谢苹果。他们为什么不能像其他所有人一样保持标准？无论如何，感谢Nico的提示。 $(document).ready(function () { init(); $(document).click(function (e) { f...
Vue.js基础---常用内置指令
weixin_46505015的博客
07-07 507
Vue.js基础—常用内置指令 1.v-html和v-text的区别 v-html作用：更新元素的 innerHTML(innerHTML 指的是标签间的所有内容,并且innerHTML包含标签，标签会被识别，并且会被解析，呈现对应的效果) v-text作用：更新元素的 textContent 相同点：2者在标签内设置内容都无效 <body> <div id="app"> <div :style="{fontSize:fontSize + 'px' }
苹果手机浏览器$(document).on("click",function(){})点击无效的问题
William_Wei007的博客
05-04 4479
$(document).on(“click”,function(){})
$(document).on(“click“, “.name“, function() {})苹果失效问题 -- 兼容性问题
weixin_40918145的博客
04-19 1750
<div class="name">点我</div> $(document).on("click", ".name", function() { alert("name"); }); 以上代码在电脑浏览器和安卓上都能触发alert事件，但是在ios上却完全没有反应 查阅了很多信息后，说是iphone这些元素上没有click事件，它是touch事件， 就是说如果这...
使用jquery的on事件绑定或$(document).on(‘click‘)绑定单击事件，在苹果手机浏览器上点击无效果
业余前端的职业经历
06-30 473
日常怕坑之路，哈哈，产品反馈的问题，小赵啊在苹果的部分机型上点击事件不起作用了，有时候真心觉得程序员经验就是靠bug给堆起来的。 安卓机子，模拟测试正常，苹果上确实有问题哈哈 经查阅资料 看到有一种解决方法 在需要点击的对象上面 添加 css样式 cursor:pointer; 至于为什么，本猜测可能看起来是人用手进行点击的哈哈 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &
ios移动端浏览器点击事件失效的解决方案
weixin_30662849的博客
06-11 499
点击事件失效的原因可能是因为，你用了事件代理了， 比如这样 $(document).on("click",".fd",function(){ }) 这段代码在安卓机上是没有问题的，但是iso的自带浏览器和微信浏览器和其他浏览器都会失效，原因是ios规定，事件代理的元素只能是button元素其他一律不生效 想要解决这个问题，也很简单 1. $(document).on...
IPhone中H5页面用on绑定click无效的解决方法
10-22 426
首先声明本人资质尚浅，本文只用于个人总结。如有错误，欢迎指正、共同提高。 ----------------------------------------------------------------------------------- 首先问一句？ 为什么移动页面还在用click方法？假如必须用click，且遇到如标题所示bug,下文便是解决之道。当然，如果不用必须用click...
html5移动设备浏览器触屏事件兼容处理
jiangcs520的专栏
05-21 8532
自打诺基亚被苹果干趴下，Google开源Android系统，智能设备数量以及种类以不可阻挡的势头发展，苹果封闭的生态系统，Android开源开放的生态导致，殊途同归地给了我等屌丝开发者相同苦逼的命运，兼容命题。跨平台适配是个痛苦的工作，这里只谈谈近期工作学习相关的部分，苹果设备和安卓设备浏览器对触屏事件的兼容问题。 解决的就是这个问题
iOS系统和微信中不支持audio自动播放问题的解决方法
08-29
苹果设备为了节约电量和防止用户被打扰，要求音频播放必须由用户交互触发，例如点击、滑动等。而在微信内，由于浏览器内核的限制，这一规则更为严格，即使用户进行了交互，audio标签的autoplay属性也可能无效。 ...
前端2020面试题195道
热门推荐
weijieyuhyt的博客
01-13 1万+
HTML5面试题 一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? <!DOCTYPE> 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式...
解决IOS移动端 Safari浏览器 onclick无法触发的问题
mhx123456789的博客
07-01 559
解决IOS移动端 Safari浏览器 onclick无法触发的问题
IOS下Iphone手机访问移动端页面，on预绑定的click事件不执行，解决方案
chuiqudiao1834的博客
12-11 132
IOS下Iphone手机访问移动端页面，on预绑定的click事件不执行。 chrome浏览器在PC上模拟，仍然正常，只有在iphone手机下click事件不能触发 ，后来发现span标签 加上 样式 cursor:pointer 即可解决。 ...
$(document).on("click");在ios上不触发
weixin_42340514的博客
08-30 502
代码在电脑浏览器和安卓上都能触发点击事件，但是在iOS上却完全没有反应。 但是如果这个标签是button的话，click事件则是可以触发的，因为IOS中div本身默认不可点击 。 解决方案” 1：给这个元素添加css 在样式中添加属性cursor:pointer; .demo{curser:pointer;} 2、还可以将click改为touchstart事件，或者共存 $(doc...
关于jquery的on(“click”,function(){}),事件绑定无效
服务员的博客
11-05 2758
之前在做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 789
最近在开发一个公众号，有一个点击事件，在安卓手机上可以使用，但是放在苹果手机上就不行了，而且有两个页面都有这个点击事件，第一个页面在苹果手机上可以正常使用，第二个页面就不行，第一个页面使用的是 　　　　 $('选择器').click(function(){}) 第二个页面使用的是事件委托 　　　　$('选择器').on('click','选择器'，function(){}) 看网上的回答是...
移动端区分点击和轻微滑动
c1990331的博客
07-23 371
function touchends(ele,callback){ flag = 1; if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){ $(document).on(‘touchstart’,ele,function(e){ e.preventDefault(); flag = 1; }) //滑动触屏 $(document).on('touchmove',ele,function(e){
IOS移动端中H5页面用on绑定click无效的解决方法
xi晓的博客
08-14 1533
检查代码中是不是有ES6语法，有些版本IOS不支持 标题图中圈起来的就是ES6语法 let，在手机中直接报错，导致前后所有代码都执行不了，注释掉(删掉)就可以了...
$(...).click(...) is not a function
最新发布
05-14
这个错误通常出现在 JavaScript 中，表示你尝试在一个不是 jQuery 对象的元素上调用 `.click()` 方法。 解决方法可能有以下几种： 1. 确保你正确引入了 jQuery 库，可以在浏览器控制台中输入 `$` 或 `jQuery` 看是否返回了 jQuery 对象； 2. 确认你的选择器是否正确，可以在控制台中输入选择器看是否能正确选中目标元素； 3. 确认你的代码是否在文档加载完成后执行，可以将代码放在 `$(document).ready(function(){})` 中，确保页面加载完成后再进行操作。 如果以上方法仍然不能解决问题，你可以提供更多的代码和错误信息，以便更好地帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值