关于移动端IOS active失效的处理

最新推荐文章于 2022-10-14 00:03:20 发布
最新推荐文章于 2022-10-14 00:03:20 发布
阅读量193 收藏
点赞数
文章标签： javascript 移动开发 ViewUI
原文链接：https://juejin.im/post/5bebcc58f265da612d18d2ba
版权

今天在开发移动端页面的时候，发现ios下active失效，之前也写过很多，但是都很草率，在网上找了下方案，发现只要在body上设置touch和mouseover事件即可

<body ontouchstart="" onmouseover="">
复制代码

如果有更好的方案，请大家留言

记录点滴

转载于:https://juejin.im/post/5bebcc58f265da612d18d2ba

weixin_33979745
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
移动端IOS-Swift实现蓝牙扫描连接读取
03-30
在移动端的iOS开发中，Swift语言为开发者提供了强大的工具来构建应用程序，特别是在涉及到与硬件设备交互，如蓝牙通信时。本资源"移动端IOS-Swift实现蓝牙扫描连接读取"聚焦于如何使用Swift来实现蓝牙低功耗（BLE，...
解决移动端 ios 系统键盘遮挡的问题
08-28
解决移动端 ios 系统键盘遮挡的问题 移动端 ios 系统键盘遮挡的问题是指在 iOS 系统中，软键盘弹出时遮挡了屏幕顶部的部分内容，造成用户体验不良的问题。解决这个问题需要通过 JavaScript 代码来控制键盘的显示和...
移动端ios中active无效
糖果云专栏
09-11 894
方法一：body添加ontouchstart &lt;body ontouchstart=""&gt; 方法二：js给 document 绑定 touchstart 或 touchend 事件 &lt;style&gt; a { color: #000; } a:active { color: #fff; } &lt;/style&gt; &lt;a herf=foo &gt;b...
a:active在ios上无效解决方法
weixin_46020146的博客
10-02 128
a:active在ios上无效解决方法
ipad中的active失效？
weixin_34090562的博客
07-06 138
.btn1, .btn2{ border-radius: 1px; } .btn1:active, .btn2:active{ background-color: #b7e9e9; } js:<script> function shield(){ return false; } document.body.addEventL...
IOS下：active无效
diding6893的博客
06-14 244
IOS下：active无效，是因为该元素没有绑定touch事件。因此在IOS系统的移动设备中，需要在按钮元素或body/html上绑定touchstart/touchend绑定一个空的匿名函数即可 <script> var a=document.getElementsByTagName('a'); for(var i=0;i<a.length;...
移动端IOS点击事件失效解决方案
adz58294的博客
01-05 944
解决方案 解决办法有 4 种可供选择： 1 将 click 事件直接绑定到目标元素（即 .target）上 2 将目标元素换成 <a> 或者 button 等可点击的元素 3 将 click 事件委托到非 document 或 body 的父级元素上 4 给目标元素加一条样式规则 cursor: pointer; 实际应用：第3方案靠谱 须将clic...
移动端iOS组件化详解.docx
08-26
在iOS开发中，组件化能够有效地解决代码复杂度增加、业务模块耦合度过高等问题，提高代码复用性和开发效率。 在传统的iOS应用架构中，通常按照功能层级进行模块划分，例如系统框架、基础功能库、网络库、UI库以及各...
iOS 9元件库 移动端元件
02-25
iOS 9元件库 移动端元件
移动端ios:active伪类无效的兼容解决方案
Alde_baran的博客
12-22 1820
苹果手机浏览页面中设置的css伪类：active失效。查找资料发现要让css active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。 :active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点这种情况，一般主流浏览器下也支持其他元素。在多按键的鼠标系统中，：active只适用于主按键，目前的大部分情况都是左键即主
visibilitychange ios设备不生效_如何调试支付宝(iOS)
weixin_39926311的博客
11-23 1177
作者丨帕巴拉来源丨掘金链接：https://juejin.im/post/5e8083d06fb9a03c621663df前言最近在做的一件事情，从代码层面分析下各家小程序(微信、头条、支付宝、百度)的启动性能，探究各家小程序的实现细节和差异。具体步骤如下：1、越狱砸壳获取ipa2、搭建调试壳工程3、注入callTrace分析代码4、hook小程序开始调用入口以及渲染完成入口, 加上ca...
H5切换后台导致倒计时不准确，两个解决方法（1、visibilitychange、2、和客户端配合）
qq_43471467的博客
11-02 1650
需求： 1、H5嵌入app，倒计时当前月剩余时间。 2、当前时间用后端返回的时间，不能使用手机系统时间，怕用户修改系统时间。 遇到的问题：app切换后台后，倒计时暂停，导致时间与实际不符。 1、visibilitychange visibilitychange - Web API 接口参考 | MDN mounted： //切后台，再次进入会回调 let _this = this; document.addEventListener...
关于苹果手机:active设置无效的问题
monkeyfly学前端
07-03 5549
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 前提 今天早上群里有人提问：iphone 不兼容CSS的:active怎么破？ 我也是第一次听说这个问题，为了找到解决方法，于是去百度搜了一下。 原因 其实就是：苹果手机浏览页面中设置的css伪类：active失效了。 解决方法 在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个t...
有关a标签link,hover,active失效的问题一点探究
薛定谔的猫
10-14 710
a标签的事件是有顺序的 先默认 后经过 最后按下不放如果要加上a:visited放在a:link 后面 但我在实际的学习上很少使用a:visited这个，因为他会覆盖a:link的样式。其实就一句话，出错就是你顺序错了，调整一下顺序就ok了。a:active就失效了。如果我们不按照这个顺序。
解决active在苹果手机上失效的问题
lqx_520的博客
12-19 1841
active在苹果手机上失效的解决办法： 在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。 要让css的:active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。 Use the :active pseudo-class in your css, then add onto...
移动端:active伪类无效的解决方法
热门推荐
freshlover的专栏
02-11 4万+
：active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点这种情况，一般主流浏览器下也支持其他元素，如button等。在多按键的鼠标系统中，：active只适用于主按键，目前的大部分情况都是左键即主键。 该伪类下定义的CSS样式只在按下鼠标按钮与释放鼠标按钮之间的短暂瞬间被触发显示。使用键盘的tab键也可以触发:active状态。 说到：active伪类就不得
H5解决手机端 active伪类不生效问题
jiulany的博客
04-11 1352
添加document.addEventListener(‘touchstart’, function() {}, false);
移动端填坑：ios系统点击事件失效的解决办法
lizheng_0508的博客
02-06 1万+
问题描述：在开发移动端页面的时候，经常会给元素添加点击事件，但在ios系统上会失效，以下是解决办法： 解决办法：给被点击元素添加 cursor:pointer; 样式即可，具体原理还未查到~
a:hover，a:active失效的问题
阿锋--专栏
11-10 4189
现象： a标签的伪类选择器，在点击之后，一直保持为a:visited的样式。a:hover，a:active的css失效了。 解决方式： 将a:visited样式写在前面，一种顺序为：a:link{} a:visited{} a:hover{} a:active{}。 原因： 如果写成这样：a:link{} a:hover{} a:active{} a:visited{} 可能是a:vi
移动端iOS系统onload事件失效的问题
最新发布
06-07
移动端iOS系统onload事件失效的问题可能是由于移动端浏览器的机制不同于桌面端浏览器，导致onload事件无法触发。此外，iOS系统的Safari浏览器还存在一些特殊的问题，如页面缓存、用户手势等问题，也可能导致onload...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值