HarmonyOS 鸿蒙Next WebView里 如何防止长按拖拽图片

发布于 1周前 作者 vueper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next WebView里 如何防止长按拖拽图片

针对 Image标签，我可以用 .draggable(false)来实现。
但WebView，我没有找到合适的方法。

Harmonyos Next教程
2 回复
用web组件渲染的h5页面中的img标签，可以在img标签里设置draggable=“false” 
<script>
document.querySelectorAll('img').forEach(function(item){
item.draggable = false
})
</script><button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

在HarmonyOS 鸿蒙Next的WebView组件中，防止长按拖拽图片通常涉及对拖拽事件的拦截和处理。以下是一些可能的方法：

  1. 禁用图片的draggable属性： 如果WebView中的图片是通过HTML或CSS嵌入的，可以通过设置图片的draggable属性为false来禁用其拖拽功能。例如，在HTML中，可以使用<img draggable="false" src="your-image-url">来防止图片被拖拽。

  2. 拦截长按事件： 在WebView中，可以通过JavaScript来拦截长按事件，从而阻止其触发拖拽行为。具体实现可能涉及监听touchstart、touchmove和touchend事件，并在检测到长按手势时阻止默认行为。

  3. 使用CSS样式： 在某些情况下，可以通过CSS样式来影响元素的拖拽行为。例如，设置user-select: none;和-webkit-user-drag: none;可以阻止元素被选择和拖拽。

请注意，以上方法可能因WebView的具体实现和版本而有所差异。如果上述方法无法完全解决问题，建议检查WebView的文档或配置，以确保正确实现所需的功能。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部