IOS 长按默认事件阻止 【坑】

概述:

当你触摸并按住触摸目标时候,禁止或显示系统默认菜单。

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

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

说明:

-webkit-touch-calloutbehavior

默认值: default

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

取值:

none:
系统默认菜单被禁用
default:
系统默认菜单不被禁用
  • -webkit-touch-callout: default /* displays the callout */
  • -webkit-touch-callout: none /* disables the callout */
  • -webkit-touch-callout: initial
  • -webkit-touch-callout: inherit
  • -webkit-touch-callout: unset

兼容性:

  • iOS 2.0及更高版本的Safari浏览器可用
  • Android尚不明确
posted @ 2019-04-09 19:01  _increase  阅读(1188)  评论(0编辑  收藏  举报