移动端阻止默认长按选中文本和弹出菜单点击阴影

Posted 小白不白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端阻止默认长按选中文本和弹出菜单点击阴影相关的知识,希望对你有一定的参考价值。

css:

/*阻止默认长按选中文本*/
* {
/*ios*/
-webkit-touch-callout:none;
touch-callout:none;

/*安卓*/
-webkit-user-select: none;
user-select: none;
}


js:

//阻止默认长按出现菜单
window.ontouchstart = function(e) {
e.preventDefault();
};

/*阻止默认点击出现阴影*/
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}





以上是关于移动端阻止默认长按选中文本和弹出菜单点击阴影的主要内容,如果未能解决你的问题,请参考以下文章

安卓长按文字快捷菜单顺序

移动web端禁止长按a标签,弹出“在浏览器中打开”菜单

小知识点积累

H5移动端页面禁用长按选中文本

VUE: 移动端长按弹出确认删除地址

禁用 ios h5页面中长按图片弹出的弹层