苹果手机 jquery点击无效

丶酱紫呀

已于 2022-09-08 14:52:15 修改

阅读量612

点赞数

分类专栏： web 文章标签： ios

于 2021-01-14 11:10:46 首次发布

本文链接：https://blog.csdn.net/qq_41065593/article/details/112602616

版权

web 专栏收录该内容

3 篇文章 2 订阅

订阅专栏

项目中遇到的问题：

移动端扫码打开网页的项目中用到了点击切换事件。

用jquery 写的点击事件的时候，

由于一些代码需要用到window.onload

测试发现在苹果手机上点击事件无效。

百度发现 window.onload 不支持苹果低版本，

去掉window.onload之后，发现还是点击无效

查资料才知道苹果有个小bug

用到div 等普通标签做点击事件的时候，

苹果的一些老机型无法识别点击事件，需要在css中加入cursor:pointer就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

丶酱紫呀

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

苹果手机 ajax不兼容,技术回顾：浏览器兼容性 axios+fetch+ajax

weixin_39717367的博客

08-05

915

css盒：box-sizing:content-box;表示标准的盒子模型box-sizing:border-box表示的是IE盒子模型box-sizing:padding-box,这个属性值的宽度包含了左右padding+width经常遇到的浏览器的兼容性有哪些IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,event对象有pageX,pageY属性,但是...

ios部分机型出现select、input等控件点击后失效不可再次点击dug

qq_40665861的博客

11-12

1002

问题描述在昨天晚上的时候测试突然告诉我一个问题，在iphone 6s中select选择器在第一次点击后，其他的选择无法点击。整个手机都属于暂时性死机状态。问题分析当时首先对代码进行了排查，排除是逻辑方面的问题。经过多方面验证发现只有6s会出现，这是对兼容性进行了进一步的考虑。多方面兼容后，发现也不是兼容的问题。在一步步的实验中发现当点击后，需要滑动一次才可以继续点击，这个时候发现有可能是弹...

参与评论您还未登录，请先登录后发表或查看评论

苹果手机 jquery点击事件无效

wjm0519的博客

05-31

4085

由于项目需求，在苹果移动设备上使用jquery事件时无效解决方法：在点击当前元素上添加样式css的手势样式即<style> .next_button{ cursor:pointer }</style>然后点击就没问题了...

jQuery点击事件在iOS失效

bubbleyang的博客

06-18

290

但是当$(document).on(‘click’,‘.btn’,function(){});当使用委托给一个元素添加click事件时，如果事件是委托到 document或 body上，并且委托的元素是默认不可点击的（如 div, span等），此时 click事件会失效。需要这样事件委托，$(‘XXX’).on(‘click’,‘.btn’,function(){});这样点击事件可能会不生效。2、将 click 事件委托到非 document 或 body 的父级元素上；

JQ点击事件在ios中失效的3种解决方案

freedom

08-08

1228

ios中不允许将点击事件绑定在document或者body上，如果绑定上的话将会失效。例如： $(document).on('click', '#generate', function(){})... //无效解决方案：第一种：改为：用#generate外面的标签，但不要是 docuemnt或者body $('任意的#generate的父元素').on('click', '#ge...

jquery移动端的点击事件监听不到，不响应

weixin_45599105的博客

08-12

422

jquery移动端的点击事件监听不到，不响应

js苹果手机端计算器代码

04-25

【JS苹果手机端计算器代码详解】在移动设备上，尤其是苹果手机，用户有时需要一个便捷的计算器来处理日常计算。JS苹果手机端计算器代码就是为此目的设计的，它利用JavaScript语言构建，为用户提供了一个与苹果原生...

$（document）.click（）在iPhone上无法正常工作jQuery

dituirenwu的博客

02-26

284

如何解决$（document）.click（）在iPhone上无法正常工作jQuery？添加以下代码即可。问题是iPhone不会引发点击事件。他们引发“触摸”事件。非常感谢苹果。他们为什么不能像其他所有人一样保持标准？无论如何，感谢Nico的提示。 $(document).ready(function () { init(); $(document).click(function (e) { f...

HTML5仿苹果Siri动画特效.zip

最新发布

10-09

HTML5仿苹果Siri动画特效是一个利用HTML5、CSS3以及JavaScript（可能包含jQuery库）技术实现的网页交互效果，旨在模拟苹果Siri智能助手的启动和交互过程。这个特效代码包提供了完整的实现方案，用户可以下载后在自己...

jQuery Ui Draggable在移动端浏览器不起作用解决方案

左岸阳光

11-11

6326

今天写一个东西发现的一个问题，在pc端的网页上用jQuery Ui的draggable可以实现tuo

safari浏览器下jquery点击click无效解决方法

linjingyg的博客

12-17

790

　　　　最近在一个网站建设公司客户的web前端外包的项目中，我们就碰到了这样一个问题，苹果手机下safari浏览器下jquery点击click无效，但是安卓或者pc上不存在这个问题。代码片段是没有问题的　　//示例弹窗$(document).on('click','#exp',function(){ 　　$("#mask").fadeIn(); 　　$("#example").fadeIn(); 　　$(this).addClass("selected");}); 　　后来查阅很..

jquery案例17——手机端监听点击、长按、移动事件

努力、拼搏、奋进

06-24

1397

jq监听点击、长按、移动事件

解决 jquery在iOS系统自带键盘无法触发keyup,keydown,keypress事件

StillCity的专栏

12-22

4811

问题描述：根据input输入内容做内容模糊搜索，但在iPhone（iOS系统）中使用系统自带键盘无法触发keyup,keydown,keypress事件（需要点击键盘空格或确定键才能触发）解决办法：通过js原生事件触发方式addEventListener即可，查了一下jquery的源码，底层都是通过调用 addEventListener 来触发事件，但就是无法触发事件，不知道咋回事，并没有具体调

解决jquery绑定点击事件失效问题

小小白的博客

12-26

2513

解决jquery绑定点击事件失效问题

jQuery 在移动端的点击事件,怎么不管用的解决方法

qq_26931659的博客

09-24

3620

document.getElementById(“weidian”).οnclick=function () { $("#mask").toggle(1); $("#yishui_or_other").slideToggle(“slow”); }; 当使用委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span...

jquery关于移动端的点击事件解析

newmiracle学习天地

12-20

3580

jquery关于移动端的点击事件解析如果用click来写你连续点几下会没有反应响应是非常慢的所以移动端必须用touchstart代替click来写查看原文：http://newmiracle.cn/?p=684

jquery:手机的触屏事件

Ardencyz

02-27

838

jquery:手机的触屏事件先写媒体匹配 <meta name="viewport" content="width=300,maximum-scale=5.0,user-scalable=0"> 触屏事件 touch() 三个阶段：start　　move　　 end var startX,startY,moveX,moveY; $(".block").bind("touch...

jquery focus无效

05-20

如果 jQuery 的 focus 方法无效，可能有以下几个原因： 1. 目标元素不可聚焦：只有可聚焦的元素（如 input、textarea 等）才能使用 focus 方法，如果目标元素不是可聚焦元素，则 focus 方法无效。 2. 元素不存在或...