防止在 iOS Web 应用程序中复制图像

发布于 2024-10-31 12:03:35 字数 312 浏览 6 评论 0原文

有没有办法阻止在 iPad 或 iPhone Web 应用程序上的图像上按住手指时出现菜单。我正在创建一个遥控器，并使用 ontouchstart 和 ontouchend 内置函数来创建我实现的“ontouchhold”函数。该函数使用 ontouchstart 和 ontouchend 内置函数通过我的计算机发送红外信号，该计算机充当服务器，同时用户将手指按住图像（ontouchend 函数将清除间隔）。唯一的问题是，如果用户长时间按住手指，那么我实现的 javaScript 函数 ontouchhold 将停止工作，因为会弹出一个菜单，询问用户是否要复制/保存图像。如果我能阻止这个菜单出现就好了。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

生活了然无味 2024-11-07 12:03:35

您可以使用：

-webkit-user-select: none;

此属性使 html 元素不是不可选择的，从而防止 iphone 的复制行为

You can use:

-webkit-user-select: none;

This property makes the html elements not be not selectable and thus prevents that copy behaviour of iphone

回复收藏 0 原文

划一舟意中人 2024-11-07 12:03:35

-webkit-touch-callout: none; 似乎只阻止复制/保存对话框打开而不禁用任何其他事件。

pointer-events: none; 还将阻止复制/保存对话框，但也会阻止附加到图像的任何其他相关事件

回复收藏 0 原文

音栖息无 2024-11-07 12:03:35

您可以添加 preventDefault() 到元素，这会阻止复制菜单：

// HTML
<img scr="screenshot.jpg" id="dontshowcopy" />

// JS
element = document.getElementById('dontshowcopy');

element.addEventListener("touchstart",   preventCopy, false); // simple touch events
element.addEventListener("gesturestart", preventCopy, false); // events with more than one finger

function preventCopy(event) {
    event.preventDefault();
}

但它也会阻止在滑动事件开始时滚动这个元素。

You can add a preventDefault() to the element, which prevents the copy menu:

// HTML
<img scr="screenshot.jpg" id="dontshowcopy" />

// JS
element = document.getElementById('dontshowcopy');

element.addEventListener("touchstart",   preventCopy, false); // simple touch events
element.addEventListener("gesturestart", preventCopy, false); // events with more than one finger

function preventCopy(event) {
    event.preventDefault();
}

But it also prevents the scrolling when the swipe event was started on this element.

回复收藏 0 原文