我已经在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团队中找到了一个人,他不知道有什么办法.