如何通过代码禁用Microsoft Edge悬停图片时显示的搜索菜单

Edge浏览器访问网页时，鼠标悬停在图片上弹出的专属搜索悬浮菜单是Edge自带的视觉搜索默认功能，Chrome、Firefox均无该默认交互。可通过前端代码直接禁用该效果，无需用户修改浏览器配置，具体实现方式如下：

方案1：全站全局禁用（官方推荐，优先使用） #

在页面HTML的<head>标签内添加如下meta标签，Edge加载页面时会自动识别该标记，关闭当前站点所有图片的悬停悬浮菜单，无额外副作用：

<meta name="edge" content="disable-image-hover-menu">

该方案适配所有94及以上版本的Chromium内核Edge，为官方提供的标准禁用方式。

方案2：指定图片单独禁用 #

如果不需要全局关闭效果，仅需要屏蔽部分图片的悬浮菜单，直接给对应<img>标签添加data-edge-no-hover-menu属性即可：

<img src="your-image-path.png" data-edge-no-hover-menu alt="示例图片">

方案3：旧版本兼容兜底方案 #

针对低于94版本的旧版Edge，可通过CSS属性拦截悬浮菜单的触发逻辑。如果业务中图片本身需要绑定点击、拖拽等交互事件，单独给需要交互的图片恢复事件响应即可：

/* 全局拦截图片悬停菜单触发条件 */
img {
  user-select: none;
  -webkit-user-drag: none;
}
/* 恢复业务需要交互的图片响应 */
img.interactive {
  pointer-events: auto;
}

以上代码仅在Edge浏览器下生效，不会影响Chrome、Firefox等其他浏览器的图片正常交互，无需额外编写浏览器类型判断逻辑。

内容的提问来源于stack exchange，提问作者Is_this_my_username