解决苹果浏览器点击事件无法生效的问题

最新推荐文章于 2023-03-26 14:18:52 发布

憨憨桃

最新推荐文章于 2023-03-26 14:18:52 发布

阅读量887

点赞数

分类专栏：苹果兼容性文章标签： vue html

本文链接：https://blog.csdn.net/Iamamovebrick/article/details/105815351

版权

苹果兼容性专栏收录该内容

1 篇文章 0 订阅

订阅专栏

看网上说是兼容性问题！

解决方法，给标签添加

coursor:pointer

但是这个点击的时候会出现蓝色背景，再设置

-webkit-tap-highlight-color: transparent;

就可以了

还有就是ios对某一些正则不支持，这可能会导致页面错误，如果你页面跳转的时候，而跳转后的那个页面有正则的话，可能会因为某一些兼容，出现错误，但是页面不会报错，也没有提示，跳转事件正常，就是无法跳入下个页面

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

憨憨桃

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

uniapp - 解决 uni.chooseImage 在苹果 IOS 真机上点击没反应的问题，苹果手机点击 uni.chooseImage方法不生效，也不报任何错误（解决苹果ios系统点击无效问题）

王佳斌

07-27

9203

uniapp小程序h5网页苹果ios系统点击uni.chooseImage不执行点击无效，uniapp使用uni.chooseImage方法点击没反应怎么办，uniapp uni.chooseImage在ios苹果手机运行点击不触发，uniapp uni.chooseImage苹果ios系统点击无效，uniapp项目ios端云打包之后uni.chooseImage不生效了，uniapp打包之后uni.chooseImage() 无法打开相机，uniapp苹果手机无法打开相机和相册，uniapp网页h5微信支

关于Safari浏览器触摸事件不生效

chunshen2159的博客

08-23

1740

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。　　一开始触摸事...

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

苹果点击事件兼容性问题

Summer_JK的博客

01-11

353

苹果点击事件兼容性问题比如这样一个标签 <div class="infoDetail">查看详情</div> 正常我们写点击事件的话就是这样： $("body").on("click",".infoDetail",function(){ console.log("点击了查看详情"); }); 但是这样在苹果机上就点击失效，安卓就没事，真是个奇葩问题，最后找到了解决这个问题的办法，给要点击的元素添加小手样式，如： .infoDetail{ cursor:pointe

关于iphone手机上点击事件不起作用

qq_36371276的博客

08-15

2455

今天调试手机端H5页面的时候，发现一个很坑的问题，绑定的点击事件不起效果，安卓上都没问题，事件能正确触发，但是在iPhone没反应。　　开始觉得是写法问题，后来发现，是由于iPhone上，点击的对象，必须加上一个样式，拥有cursor:pointer这个样式，就没问题了。　　兼容性的问题，比较坑，需要慢慢积累，以后遇到解决起来就快了。成功，唯有积累，没有奇迹！

ios移动端浏览器点击事件失效的解决方案

weixin_30662849的博客

06-11

499

点击事件失效的原因可能是因为，你用了事件代理了，比如这样 $(document).on("click",".fd",function(){ }) 这段代码在安卓机上是没有问题的，但是iso的自带浏览器和微信浏览器和其他浏览器都会失效，原因是ios规定，事件代理的元素只能是button元素其他一律不生效想要解决这个问题，也很简单 1. $(document).on...

ios，刷新页面 点击事件onclick第一次不触发，第二次点击才正常触发

weixin_43668654的博客

02-13

2435

ios，刷新页面 点击事件onclick第一次不触发，第二次点击才正常触发：最简单的解决办法：把onclick事件改为ontouchend事件就解决了；这样也不会影响安卓系统。之前也尝试了 $(‘body’).on(‘click’,’.delProduct’,function(){ });无效；这种形式你可以改成： $(‘body’).on(‘touchend’,’.delProduc...

ios14出现控件点击事件消失

梦工厂

08-05

274

问题在iOS14以上的版本的iphone上出现控件点击事件消失的情况解决 1 可能是添加的控件在UITableViewCell中导致的 iOS14的contentview变成懒加载，如果不设置contentview的属性那么他会在最后加载，然后覆盖在所有cell的上面方法1：将控件添加在contentView 里 [cell.contentView addSubView:控件]; 方法2：设置contentView的属性 cell.contentView.backgroundColor=[UICol

解决手机浏览器点击后退页面刷新问题，兼容苹果 safari浏览器和安卓浏览器

最新发布

04-03

解决手机浏览器点击后退页面刷新问题，兼容苹果 safari浏览器和安卓浏览器。 js的window.onbeforeunload，onunload，window.addEventListener(‘pagehide‘, () =＞ {}手机浏览器不生效

解决iOS下无法触发focus事件的问题

08-27

* trigger一个点击事件，可以在某些情况下解决问题 * 了解iOS平台的安全机制和focus事件的机理非常重要本文为大家分享了解决iOS下无法触发focus事件的问题，并分析了背后的原因。希望本文能够为大家提供有价值的...

苹果(ios)系统设置中文cookie不生效的问题

m0_37873510的博客

10-28

1802

使用苹果手机打开H5页面，在登录页面勾选 “记住我” 功能，登录成功后再退出系统重新登陆，发现用户名没有回显，也就是苹果手机下设置中文cookie不生效的问题

移动端点击事件在ios设备上不起作用

sinat_40172076的博客

02-13

1432

在有点击事件的元素上，加上一行css代码，就可以使ios设备触发点击事件 cursor:pointer; 就ok啦

苹果ios iphone safari浏览器javascript中alert和confirm不生效解决办法

03-26

3336

在iOS Safari中，可能会遇到JavaScript Alert弹窗不起作用的问题。这是由于iOS Safari默认会阻止弹出窗口，包括JavaScript Alert弹窗。1.使用其他弹窗方式替代JavaScript Alert弹窗，例如使用自定义弹窗组件或者使用JavaScript模拟弹窗。

苹果设备移动端点击无效click失效的解决办法

lily2016n的博客

11-30

8903

$ (document).on('click','.gift-right',function(e){ alert('发现点击无效'); }) 以上代码在电脑浏览器和安卓上都能触发alert事件，但是在ios上却完全没有反应查阅了很多信息后，说是iphone这些元素上没有click事件，它是touch事件，就是说如果这个name标签是button的可click事件则是可以触发的，因为d...

苹果设备上div加onclick事件点击无效的解决办法

热门推荐

littlebearGreat——宁静致远

01-18

1万+

按照标签的语义化，button标签是用来点击的。而div,自己体会哈。给div加个属性 cursor:pointer;在苹果设备上onclick就有效了

如何解决苹果手机onclick点击无效的问题？

任聪聪的博客

04-22

5555

苹果手机端onclick失效问题描述：增加cursor:pointer无效问题方式：直接替换成a标签 <div class="nobug_nav"> {foreach $navs as $k=>$v} <div class="nav_item" style=" cursor:pointer;{if $v.url =='/bodyfluid'}...

iOS:active或-webkit-tap-highlight无效的原因及解决方案

祝小余不定时更新

05-21

995

通常，元素在按压态/点击态时会使用 :active伪类来设置特定的样式，这个操作在pc/Android上都没有问题，但 iOS上的点击事件（click）是模拟出来的，在iOS上使用 :active 伪类需要设置一个touch事件，这样元素的:active伪类才能被正确触发。一般是给body标签上加一个ontouchstart属性，但是但是~注意body的渲染范围，要保证元素上的touch事件能...

Web丨IOS系統下Safari浏览器中div点击事件无效的解决办法：

万人坑

07-15

1996

1、把div改换为a、button 等具有可点击性的标签元素，添加 curson:pointer 鼠标样式 2、把点击事件直接绑定到需要点击的标签上，而不是其祖先级，尽量不要用事件委托曾在两个项目中适配IOS手机端Safari浏览器时遇到此问题，一个用第一种方法解决，另一个用方法一无效后搭配方法二解决。 ...

苹果手机HTML页面头部底部固定解决方案

1. **使用 `-webkit-` 前缀：** 苹果手机上的Safari浏览器使用WebKit作为其渲染引擎，因此我们需要添加 `-webkit-` 前缀以确保某些CSS属性在该浏览器上生效。例如，`-webkit-perspective` 和 `-webkit-transform-...