使图像不可拖动但仍然 clickable/hoverable

Question

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

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

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

这使得它不是 clickable/hoverable:

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;
 }

Answer 1

只需在您的 img 标签中添加 draggable 属性

这是一个例子：

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

Answer 2

用JS解决了：

window.ondragstart = function() {return false}