HarmonyOS 如何禁止Web中的图片被拖拽？

Question

长按web中的图片，会进入可拖拽模式，如何禁止Web中的图片被拖拽？

Answer 1

1、webview中的图片拖动，是浏览器内核决定的，web组件没办法设置图片不可拖动。

2、可以通过设置draggable=“false” 的方式，禁止图片拖动： <img src="image.jpg" draggable="false" alt="示例图片"\>；

3、如果 draggable=“false” 不生效，可以通过写script监听。

<img id="myImage" src="image.jpg" alt="示例图片">
  <script>
  document.getElementById("myImage").onmousedown = function(e) {
  e.preventDefault();
};
</script>

4、虽然CSS本身没有直接禁止拖动的属性，但可以通过设置pointer-events: none来阻止所有鼠标事件（包括拖动）的发生。然而这种方法会同时阻止图片的点击、悬停等其他鼠标事件，因此通常不推荐仅用于禁止拖动。