body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
在CSS中,使用了五个属性来禁止长按出现菜单。这些属性是:
- -webkit-touch-callout
- -webkit-user-select
- -khtml-user-select
- -moz-user-select
- -ms-user-select
- user-select
这些属性可以防止用户选择文本,防止打开菜单和禁用用户选择操作。
以上代码中:
-webkit-touch-callout: none;
用于禁止移动设备长按时出现的文本选项,例如打开、拷贝和粘贴等。这个属性只支持webkit内核的浏览器。
-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
这些属性可以在各种浏览器中防止文本被选择,例如WebKit浏览器(如Chrome和Safari)、Firefox、Internet Explorer和Opera。
因为用户体验非常重要,考虑禁用长按出现菜单,必须小心谨慎,确保您没有为用户带来错误的体验。