手机 Chrome 怎么设置长按图片不要有反应啊
【摘要】 手机端 Chrome 浏览器原生并没有提供直接关闭“图片长按菜单”的开关。根据你的具体使用场景(日常浏览防误触,还是自己做网页开发),可以通过以下几种方案来解决或规避:方案一:调整系统无障碍触控时长(日常浏览防误触)如果你是在浏览网页、滑动页面时经常误触弹出图片菜单,最有效的方法是增加系统的触控识别延迟,让长按判定变迟钝:Android 设备:打开系统「设置」 $\rightarrow$ 「...
手机端 Chrome 浏览器原生并没有提供直接关闭“图片长按菜单”的开关。
根据你的具体使用场景(日常浏览防误触,还是自己做网页开发),可以通过以下几种方案来解决或规避:
方案一:调整系统无障碍触控时长(日常浏览防误触)
如果你是在浏览网页、滑动页面时经常误触弹出图片菜单,最有效的方法是增加系统的触控识别延迟,让长按判定变迟钝:
-
Android 设备:
-
打开系统「设置」 $\rightarrow$ 「无障碍」(或「系统设置/辅助功能」)。
-
找到「互动操作」或「物理与操作」下的 「触控和按住延迟」(Touch & hold delay)。
-
将默认的“短”修改为 “中” 或 “长”。
-
修改后需要按住更长时间才会触发菜单,滑动或轻按图片时几乎不会再误触发。
-
-
iOS 设备(iPhone):
-
打开系统「设置」 $\rightarrow$ 「辅助功能」 $\rightarrow$ 「触控」。
-
进入 「触感触控」(Haptic Touch)。
-
将触控时长从“快”切换为 “慢”。
-
方案二:通过书签脚本临时禁用(进阶浏览技巧)
手机 Chrome 不支持扩展插件,但可以在书签栏添加一个 JavaScript 小书签(Bookmarklet)。在需要沉浸阅读或浏览长图的页面上点击一次,即可临时禁用图片长按菜单:
-
在 Chrome 中随意保存一个网页为书签,点击编辑。
-
将名称改为例如
禁用长按。 -
将网址(URL)替换为以下代码:
JavaScriptjavascript:(function(){var s=document.createElement('style');s.innerHTML='img{-webkit-touch-callout:none!important;pointer-events:none!important;}';document.head.appendChild(s);window.addEventListener('contextmenu',function(e){if(e.target.tagName==='IMG')e.preventDefault();},true);})(); -
在浏览目标网页时,在地址栏输入
禁用长按并点击该书签,当前页面所有图片的长按菜单和手势就会立刻失效。
方案三:前端代码屏蔽(如果你是网页开发者)
如果你正在开发移动端页面,希望用户在手机 Chrome 访问时不触发图片长按弹窗与预览,加入以下样式与脚本即可彻底屏蔽:
CSS
/* 针对所有图片或特定容器内的图片 */
img {
-webkit-touch-callout: none; /* 禁用移动端长按弹出菜单/呼出选项 */
-webkit-user-select: none; /* 禁用长按选中 */
user-select: none;
}
如果需要完全拦截长按事件(包括右键上下文菜单事件):
JavaScript
window.addEventListener('contextmenu', function (e) {
if (e.target.tagName === 'IMG') {
e.preventDefault();
}
}, { passive: false });
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)