[webkit移动开发笔记]之禁止触发系统默认菜单

前端之家收集整理的这篇文章主要介绍了[webkit移动开发笔记]之禁止触发系统默认菜单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在手机webkit浏览器中,用户在某一些按钮上长按3秒钟后,会弹出一个系统的列表,ios和android各自展现不一样,列表可以有复制或在在新窗口打开的等操作,这种体验对于按钮来说是不需要的,按钮上是绑定事件,有特殊功能,而这里系统把它当做一个链接的意义。查看了代码,原来是一个a标签链接地址为空。

查看余额

解决办法

webkit-touch-callout的样式属性为none;属性来禁止触发系统的菜单

{:}

-webkit-touch-callout:none 功能,测试结果如下:

菜单

图片菜单

对于ios,我们可以使用-webkit-touch-callout:none,那么如何如何禁止 android 系统默认菜单呢?

实践中,发现在android2.x系统中设置a标签的href属性,即链接属性为空,可以禁止系统默认菜单

查看余额

而对于部分android4.x系统,这种做法又失效了,android机器真是各种疯啊...

后来在寻求帮助

要使用a标签目前还是找不到最优的解决办法,如果把a标签解决该问题,但是没有a标签被点击时产生的半透明灰色背景效果用户体验一般

查看余额

一点经验谈,希望给遇到过的童鞋带来帮助,如果大家有更好的意见,欢迎留言讨论~

猜你在找的HTML5相关文章