ios长按按钮不出现弹出框（及长按不出现放大镜效果、点击数字不出现拨打电话弹出框）

最新推荐文章于 2022-07-21 11:42:07 发布
最新推荐文章于 2022-07-21 11:42:07 发布
阅读量3.1k 收藏
点赞数 2
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhaoxl0210/article/details/88823181
本文介绍如何通过添加特定的meta标签和CSS样式来禁用iOS设备上的默认触摸行为，包括阻止电话号码自动检测、消除长按时出现的弹窗及放大镜效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在a链接 加入css 弹窗就不会出现

-webkit-touch-callout: none;

ios点击数字会弹出拨打电话弹出框：解决方案：将下列代码添加到页面的head中

<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">

ios长按不出现放大镜效果：

给body 添加下列样式：

-webkit-user-select:none;
 user-select:none;
 touch-callout:none;
 -webkit-touch-callout:none;
趙小二啊
关注
iOS开发入门笔记
xiangzhihong8的专栏
08-21 4737
iOS开发入门笔记本文面向已有其它语言（如Java，C，PHP，Javascript）编程经验的iOS开发初学者，初衷在于让我的同事一小时内了解如何开始开发iOS App，学习目标包括： 能使用Xcode IDE、模拟器 能修改、调试已有iOS App 能在已有应用内创建新模块 能创建新应用 能发布应用到App Store 本文不包含任何高级的iOS开发知识，已学会iOS开发的同学不要看，看完这篇文
7、iPhone打字、复制与搜索实用指南
最新发布
yyy34的博客
07-10
本博客详细介绍了iPhone在打字、复制与搜索方面的多种实用技巧，包括自动纠错、拼写检查、辅助功能（如旁白、缩放、辅助触控）、文本编辑技巧（如放大镜定位光标、快速选择文本）、键盘设置（如自动大写、大写锁定）以及复制粘贴操作等。通过这些技巧，用户可以提升输入效率，增强使用体验，尤其适合需要辅助功能支持的用户。博客还提供了实际应用场景、进阶技巧和常见问题解答，帮助读者全面掌握iPhone的高效使用方法。
iOS拨打电话对话框问题解决
History
10-10 1972
iOS拨打电话对话框问题解决
苹果手机取消长按出现的放大镜，并且不影响自己添加的长按事件和输入框弹出...
dbzh1979的博客
04-29 3925
*:not(input):not(textarea) { -webkit-user-select: none } 转载于:https://www.cnblogs.com/wxyz9527/p/10789789.html
IOS手机长按图片无法弹出识别二维码
x_duoduoluo的博客
07-21 4665
ios长按图片弹出菜单。
ios 长按出现放大镜问题
weixin_30706507的博客
02-01 2926
解决 -webkit-touch-callout 这个CSS 属性禁用了默认的callout展示， callout是指当触摸并按住一个元素的时候出现的提示。当在iOS上一直按住一个目标元素时，Safari会展示一个关于这个链接的callout信息。webkit-touch-callout属性允许禁用掉这一行为。 -webkit-user-select:none; user-select:no...
iOS10.2以上和以下打电话，防止多次点击实现
jueyi1127的博客
01-25 646
//一行代码调用拨打电话，可兼容iOS10.2以上和以下，防止多次点击，多次弹框 [[NYSystemVM shareClient] callPhone:phone vc:self]; 下面是NYSystemVM的实现。 NYSystemVM.h #import &lt;Foundation/Foundation.h&gt; NS_ASSUME_NONNULL_BEGIN @in...
苹果iPhone隐藏功能大揭秘.pdf
10-01
打字时移动光标也可以长按，出来个放大镜，移动到要删的地方松手，删光标前一个字。 隐藏功能11：联想功能 在iPhone4中使用联想功能输入文字，点击空格就会自动选择联想备选项中的第一项，此时并不需要手动选择，...
使用JS实现触屏按下时显示密码明文，放手时显示密文，兼容ios和安卓
06-13
但是注意：如果用户长按后，浏览器可能会触发一些默认行为（比如在iOS上长按会出现放大镜等）。我们可以使用`preventDefault()`来阻止默认行为，但需谨慎，因为可能会影响其他操作。具体实现：由于iOS和Android在...
流式布局案例——京东网页
m0_60264901的博客
09-17 3281
文章目录前言一、京东移动端页面二、制作步骤1.页面整体框架2.注意要点总结 前言 在之前学了关于移动端的基础知识，接下来我们就需要运用这些知识来进行实际应用。 上才艺！看案例！ 一、京东移动端页面 京东移动端的页面基本就是如上图 页面有顶部的导航栏、搜索栏、主体栏里面分成三个部分进行设计。 二、制作步骤 1.页面整体框架 代码框架如图展示： 2.注意要点 我们对于移动端页面采用的是流式布局，代码如下： body { width: 100%; /* width：100%可以在3
iOS 带箭头菜单选项弹窗LFPopupMenu
weixin_30788619的博客
01-09 706
一、效果图 由于是模拟器缩得比较小，一些细线可能显示不出来，不是bug哈。 二、用法 LFPopupMenuItem *item1 = [LFPopupMenuItem createWithTitle:@"小视频" image:[UIImage imageNamed:@"icon_menu_record_normal"]]; LFPopupMenuItem *item2 =...
最详细拨打电话方法iOS
Dawy_wei的博客
12-13 2615
本菜鸟看了一些拨打电话的方法，不是很完善，故mark一个完善的，三个方法： 方法一：直接拨打电话，不弹出提示框（可以自己用UIActionController 写一个提示框来进行拨打，好处是比方法二的弹出时间短）打完之后回到原程序（iOS9.0以上）                   NSMutableString  * str = [[NSMutableString alloc] in
vue禁用IOS在H5页面中长按图片弹出的弹层
weixin_47047590的博客
09-01 1173
当使用IOS打开H5页面时，长按图片，IOS会展示一个关于这个图片的信息， 解决方法 webkit-touch-callout属性允许禁用掉这一行为。 示例 .example { -webkit-touch-callout: none; }
【原】[webkit移动开发笔记]之禁止触发系统默认菜单
weixin_34278190的博客
04-28 201
在手机webkit浏览器中，用户在某一些按钮上长按3秒钟后，会弹出一个系统的列表，ios和android各自展现不一样，列表可以有复制或在在新窗口打开的等操作，这种体验对于按钮来说是不需要的，按钮上是绑定事件，有特殊功能，而这里系统把它当做一个链接的意义。查看了代码，原来是一个a标签，链接地址为空。 &lt;a href="#" class="btn"&gt;查看余额&lt;/a&gt; ...
2021-08-17 阻止IOS长按默认事件
weixin_43088792的博客
11-19 2610
概述 -webkit-touch-callout 这个CSS 属性禁用了默认的callout展示， callout是指当触摸并按住一个元素的时候出现的提示。 当在iOS上一直按住一个目标元素时，Safari会展示一个关于这个链接的callout信息。webkit-touch-callout属性允许禁用掉这一行为。 -webkit-touch-callout: default /* displays the callout */ -webkit-touch-callout: none /* di
移动端web 禁止长按弹出的菜单 Safari
会飞的程序猿
07-31 6736
如果是禁用长按选择文字功能，用 css 就可以: * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } 如果是想禁用长按弹出菜...
HTML5微信长按图片不会弹出菜单的解决方法
newmiracle学习天地
01-13 6314
HTML5微信长按图片不会弹出菜单的解决方法 他是不会影响body里面的触摸事件的查看原文：http://newmiracle.cn/?p=1017
实现Android仿IOS风格的底部弹出框教程
在移动应用开发中，底部弹出框是一种常见的用户界面组件，用于在应用底部展示额外信息或进行交互操作，而不干扰到主要内容的展示。这个组件在iOS系统中尤为常见，因此很多Android应用开发人员会需要实现一个类似的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值