-webkit-touch-callout，禁止系统默认菜单

最新推荐文章于 2021-11-19 11:55:01 发布

weixin_33769207

最新推荐文章于 2021-11-19 11:55:01 发布

阅读量843

点赞数

文章标签：移动开发 python

原文链接：https://my.oschina.net/mayanli/blog/391061

版权

2019独角兽企业重金招聘Python工程师标准>>>

概述：

webkit-touch-callout 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。

当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。

语法：

-webkit-touch-callout：behavior

默认值： inherit

适用于：链接元素比如新窗口打开，img元素比如保存图像等等

取值：

none：系统默认菜单被禁用
inherit：系统默认菜单不被禁用

* CSS3新增属性可能存在描述错误及变更，仅供参考，持续更新

兼容性：

OS 2.0及更高版本的Safari浏览器可用
Android尚不明确

转载于:https://my.oschina.net/mayanli/blog/391061

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33769207

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
-webkit-touch-callout，禁止系统默认菜单

2019独角兽企业重金招聘Python工程师标准>>> ...
复制链接

扫一扫

浅析CSS3中鲜为人知的属性：-webkit-tap-highlight-color

09-24

5. `-webkit-touch-callout: none;`: 在iOS设备上，这个属性可以禁用长按元素时出现的默认菜单，特别适用于图片和链接，以避免用户意外触发不必要的操作。总结起来，虽然这些CSS3属性具有一定的局限性，主要针对...

-webkit-touch-callout禁止长按菜单

Jour的博客

07-26

6615

微信浏览器如果js中的点击事件，长按会弹出一个javascript提示的菜单栏，有打开和取消两个选项。IOS要取消这一个默认事件，可以在父元素使用-webkit-touch-callout:none;来禁止掉这个菜单弹出。该CSS样式有两个可以取的值：default：此值表示显示默认的callout none：此值表示禁用callout`安卓不支持这个css样式，安卓就直接使用HTML5提出的co

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

2021-08-17 阻止IOS长按默认事件

weixin_43088792的博客

11-19

2394

概述 -webkit-touch-callout 这个CSS 属性禁用了默认的callout展示， callout是指当触摸并按住一个元素的时候出现的提示。当在iOS上一直按住一个目标元素时，Safari会展示一个关于这个链接的callout信息。webkit-touch-callout属性允许禁用掉这一行为。 -webkit-touch-callout: default /* displays the callout */ -webkit-touch-callout: none /* di

-webkit-touch-callout 禁止长按链接与图片弹出菜单

咖喱鸡块的博客

03-31

3395

-webkit-touch-callout 禁止长按链接与图片弹出菜单 -webkit-touch-callout: none;

webkit-touch-callout webkit- touch-select webkit-text-size-adjust border-collapse

clearclearing的博客

12-05

775

当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。(链接元素比如新窗口打开，img元素比如保存图像等等) touch-callout:none：系统默认菜单被禁用 touch-callout:inherit：系统默认菜单不被禁用

-webkit-touch-callout

SmallCode的今天

11-12

1947

-webkit-touch-callout 当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。

vue实现页面内容禁止选中功能,仅输入框和文本域可选

12-13

/*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input{...

html5+CSS 实现禁止IOS长按复制粘贴功能

08-31

/* 禁用系统默认菜单 */ -webkit-user-select: none; /* WebKit浏览器 */ -khtml-user-select: none; /* 早期浏览器 */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer ...

前端项目-hammer-time.zip

09-03

同时，项目可能也使用了`-webkit-touch-callout`属性来禁用默认的元素弹出菜单，进一步优化了触摸行为。此外，项目可能还涉及到了`touchstart`、`touchmove`、`touchend`等触摸事件，通过监听这些事件，自定义事件...

APICloud教程-如何提高移动性能

09-25

-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */ } html, body { -webkit-user-select: none; /* 禁止选中文本（如无文本选中需求，此为必选项） */ user-select: none; } ``` #### 移动...

-webkit-touch-callout: none；禁止ios弹出菜单，长按图片保存到手机时

cd13849109771的博客

10-25

2159

-webkit-touch-callout: none;禁止ios弹出菜单，长按图片保存到手机时有一个需求就是h5页面中，长按二维码图片，保存到手机；在ios上经常长按会弹出ios的菜单，而无法每次都能够进行保存到手机的操作。真是超级烦啊！！！解决办法：给图片img添加-webkit-touch-callout: none; img{ width: 100%; -webkit-touch-callout: none; } ...

两个移动端使用的WebKit私有属性-webkit-touch-callout和-webkit-tap-highlight-color

amber_2016的博客

12-28

443

在ios系统中，有些默认的样式需要特定的处理，例如具有背景图片的按钮按下时有默认的透明度，看看下面这个解释有没有帮助 www.css88.com/webkit/-webkit-tap-highlight-color/ 转载于:https://www.cnblogs.com/wjh0916/p/5083320.html...

介绍两个移动端使用的WebKit私有属性-webkit-touch-callout和-webkit-tap-highlight-color

weixin_33910385的博客

11-02

322

介绍两个移动端使用的WebKit私有属性-webkit-touch-callout和-webkit-tap-highlight-color -webkit-touch-callout 当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单...

移动端兼容性问题解决方案

weixin_34099526的博客

03-07

406

1. IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上，使用了双击缩放(double tap to zoom)的方案，比如你在手机上用浏览器...

每天一剂 WebView 良药

热门推荐

zhangxin09的专栏

04-02

1万+

是为记

-webkit-tap-highlight-color -webkit-touch-callout

zhanglongdream的博客

01-04

881

-webkit-tap-highlight-color 是一个不规范的属性，他没有出现在css规范的草案中当用户点击ios的safari浏览器中的链接或js的可点击元素的手，覆盖显示的高亮颜色该属性可以只设置透明度，如果没有设置透明度，ios 的safari使用默认的透明度，当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。 -webkit-tap-h

手机网页如何取消常按选中功能和touchstart后不能触发touchend事件

sly94的博客

08-04

4383

/**禁用长按选中文本功能 start*/ * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } /**禁用长按选中文本

移动端阻止长按文字出现选中效果

linxner的博客

10-09

5668

移动端有时候会需要长按保存图片，但当页面中有文字时，长按会出现选中文字时的框，用户会感觉很奇怪。禁止目标文字被选中 //在需要禁止选中的文字所在位置加上以下css样式 .txt { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-...

常见的移动端H5页面开发遇到的坑和解决办法

叶落无痕的博客

12-08

4026

转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！ 1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，..

webkit-touch-callout