使图像不可拖动但仍可点击/悬停答案

【问题标题】：Make image not-draggable but still clickable/hoverable使图像不可拖动但仍可点击/悬停
【发布时间】：2021-04-08 20:52:12
【问题描述】：

我的网站上有一些图片，我想知道如何阻止它们被拖动，但我仍然可以点击/悬停在它们上。

此代码在 Firefox 上不起作用，我可以拖动它：

img {
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

这使它不可点击/悬停：

img {
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-drag: none;
 }

【问题讨论】：

标签： html css drag-and-drop draggable drag

【解决方案1】：

只需在您的 img 标签中添加可拖动属性

这是一个例子：

<img
  draggable="false"
  src="#"
/>

【讨论】：

@DanielNýdrle 我在 Firefox 上，它对我有用，也许你需要在这里解释一下你想要做什么。
好吧，当我应用 draggable="false" 参数时，我仍然可以拖动图像。我什至尝试过 ondragstart="false;"。我们有相同的版本（87.0）吗？
DanielNýdrle，如果您在 img 标签上的帖子中仍然应用了 CSS，那么它仍然是可拖动的。它适用于没有 CSS 的最新版本的 Firefox
我现在看到了，它只能在没有 CSS 的情况下工作。我已经使用了 JS 变体，因为我不必为所有图像编写 draggable="false"。
@DanielNýdrle，我很高兴你成功了 :)

【解决方案2】：

用JS解决了：

window.ondragstart = function() {return false}

【讨论】：