禁止IOS系统中的H5页面长按a标签时的弹框

DC_er 发布于2019-08-30 15:44 / 1408人阅读

摘要：使用场景网页开发过程中，经常使用这种方式来阻止标签链接的跳转行为，但是在系统里，长按标签后会弹出提示框。此时给标签加上即可解决此功能是非标准的，不是任何规范的一部分。当在上触摸并保持目标时，会显示有关链接的标注信息。该属性允许禁用该行为。

使用场景

Link

网页开发过程中，经常使用这种方式来阻止a标签链接的跳转行为，
但是在IOS系统里，长按a标签后会弹出提示框“javascript”。

此时给a标签加上css即可解决

-webkit-touch-callout：none;

-webkit-touch-callout

此功能是非标准的，不是任何规范的一部分。

-webkit-touch-callout CSS属性控制了那些当你点击并按住触摸目标显示的默认标注的显示。

当在iPhone OS上触摸并保持目标时，Safari会显示有关链接的标注信息。该属性允许禁用该行为。

Apple 在Safari CSS Reference中有说明。

相关阅读：

https://www.jianshu.com/p/b0a...

https://cloud.tencent.com/dev...

https://developer.apple.com/l...

云服务器 GPU云服务器禁止长按 js弹框禁止滚动关于页面弹框功能实现 asp 页面标签

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116229.html

css前端初始化

摘要：初入前端，若有不足欢迎指正头部初始化标签问题一般要添加背景音乐的话，我们的第一反应就是使用标签，但是这里有一个坑。前言当下移动端横行，平常我们做一些移动端的项目，接触最多的就是H5，虽然做移动端不用兼容IE，但是我们要兼容微信、app、ios、android... 今天就给写几个平常开发经常会遇到的问题以及解决办法。初入前端，若有不足欢迎指正！头部初始化 ...

mikyou 2019-08-29 16:19 评论0 收藏0
css前端初始化

摘要：初入前端，若有不足欢迎指正头部初始化标签问题一般要添加背景音乐的话，我们的第一反应就是使用标签，但是这里有一个坑。前言当下移动端横行，平常我们做一些移动端的项目，接触最多的就是H5，虽然做移动端不用兼容IE，但是我们要兼容微信、app、ios、android... 今天就给写几个平常开发经常会遇到的问题以及解决办法。初入前端，若有不足欢迎指正！头部初始化 ...

宠来也 2019-08-02 11:09 评论0 收藏0
初始化移动样式

摘要：一属性基本含义控制的大小为设备的宽度初始的缩放比例允许用户缩放到的最小比例允许用户缩放到的最大比例用户是否可以手动缩放忽略将页面中的数字识别为电话号码忽略平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地一、meta 属性基本含义： content=width=device-width：控制 viewport 的大小,device-width 为设备的宽度 ini...

e10101 2019-08-29 16:19 评论0 收藏0
初始化移动样式

摘要：一属性基本含义控制的大小为设备的宽度初始的缩放比例允许用户缩放到的最小比例允许用户缩放到的最大比例用户是否可以手动缩放忽略将页面中的数字识别为电话号码忽略平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地一、meta 属性基本含义： content=width=device-width：控制 viewport 的大小,device-width 为设备的宽度 ini...

williamwen1986 2019-08-02 11:08 评论0 收藏0
ios局部滚动的bug所引发的思考

流畅的不要不要的ios出来的bug让人咬牙切齿。bug产生的环境：局部滚动，外部并没有禁止默认浏览器事件bug：导致局部滑动不流畅严重情况下不能滑动解决方案: 1:js禁止外部的浏览器默认事件，停止局部事件冒泡（对于结构简单的页面来说可能适合） 2:-webkit-overflow-scrolling:touch给body和局部滚动的元素 -webkit-overflow-scrolling...

jindong 2019-08-29 11:32 评论0 收藏0