javascript – 在移动IE上禁用标注(上下文菜单)

前端之家收集整理的这篇文章主要介绍了javascript – 在移动IE上禁用标注(上下文菜单)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在网络应用程序中,我需要禁用移动浏览器在触摸目标上触摸并按住(“长按”)时显示的默认标注,例如< img>或链接.

我已经在iPhone和iPad上使用-webkit-touch-callout:none了.我尝试了-ms-touch-action:none和touch-action:none for IE,但这似乎不起作用(在IE11,Windows Phone 8上测试过).

来自W3邮件列表的This post建议在Javascript中为“contextmenu”事件添加一个监听器并调用e.preventDefault().这似乎也不起作用.

有什么建议?

解决方法

我做了一堆研究,据我所知,这是你的两个选择:

>使用透明< div>覆盖链接/图像
>使用< div> with style =“background:url(yourimage.png)”而不是< img src =“yourimage.png”>

核心问题是Windows Phone上的移动IE无法通过contextmenu事件正确处理preventDefault.这是执行此操作的正确方法,它适用于所有其他浏览器.在WP IE上触发了contextmenu事件,但实际上在长按上下文菜单被解除时会发生.它应该在显示菜单之前发生,以便您可以阻止它.

以下是我尝试过的其他一些选项:

>事件:我尝试注册每个事件并使用e.preventDefault(),e.​​stopPropagation()并返回false以防止所有默认操作. JSBin example.
>使用element:before或element:after将元素放在链接或图像的顶部.我认为这可能会自动做透明< div>确实.不幸的是:之前或之后内容是< a>的一部分.所以它也是可点击的.另外,显然< img>元素不支持:before或:after. JSBin example.> user-select:none> -ms-touch-action> -webkit-touch-callout:none>我甚至在IE团队中找到了一个人,他不知道有什么办法.

猜你在找的JavaScript相关文章