H5开发的IOS App如何屏蔽长按选择文字弹出的气泡菜单?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5开发的IOS App如何屏蔽长按选择文字弹出的气泡菜单?相关的知识,希望对你有一定的参考价值。

使用H5开发了一个ios系统IPAD的APP
1.需要使用到长按屏幕选择文字功能
2.但是长按屏幕选择文字会弹出系统的气泡菜单,我希望弹出自定义的气泡菜单问:如何屏蔽掉弹出的系统气泡菜单
user-select: none; -webkit-user-select:none;使用CSS3的属性去屏蔽,页面就不能选择文字了(我要用选择文字功能),所以是不可取的。

使用css可以禁止:
.className user-select: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;

其实简单点你可以把文字做成图片 这样是最简单的 ,上面描述的方法可能有些老版本不一定有用。

当然你也可以试试用些H5制作软件来解决 epub360 IH5什么的追问

user-select: none; -webkit-user-select:none;使用CSS3的属性去屏蔽,页面就不能选择文字了,所以是不可取的。
使用-webkit-touch-callout: none;屏蔽系统的弹出窗只适用于图片超级链接的长按,,文字选择屏蔽不了。
我使用的是开源EPUBjs制作的阅读器,这个算是H5阅读器里面优质的了
能否协助解决下呢?可以给一定的补助并且建立长期合作关系

参考技术A 网页上的弹框啊,还得找html解决吧。但,我可以告诉你这个菜单的官方类名叫做:UIMenuController 至于怎么自定义就难办了。祝你好运~追问

能否帮忙解决下呢,如果能帮忙解决我愿意出重金,并且建立长期合作关系。

参考技术B 解决了吗..我也遇到了这个问题 不知道怎么处理

以上是关于H5开发的IOS App如何屏蔽长按选择文字弹出的气泡菜单?的主要内容,如果未能解决你的问题,请参考以下文章

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

如果更改、添加长按APP图标弹出的快捷方式?

H5移动端禁止长按弹出系统菜单"选择复制","在浏览器打开"

移动端h5网页遇到一个兼容性bug,我添加长按事件在苹果会弹出个放大镜,会把我自己加的长按事件挤掉

手机端app h5页面怎么禁用长按选中

IOS Swift WkWebview如何屏蔽长按