阻止 qq 浏览器等浏览器的图片拖拽导致的下载事件
项目过程中测试发现在部分浏览器中,图片的拖拽会导致下载事件。
但我原本图片确实要实现放大后拖拽的功能,解决方式如下,需要在拖拽的图片容器中移除默认事件。
<div
onDragEnter={(e: any) => e.preventDefault()}
onDragOver={(e: any) => e.preventDefault()}
>
<img></img>
</div>
本文介绍如何在网页开发中防止图片被拖拽下载,通过移除浏览器默认事件实现图片放大拖拽功能,适用于QQ浏览器等。示例代码展示了如何使用JavaScript阻止默认行为。
阻止 qq 浏览器等浏览器的图片拖拽导致的下载事件
项目过程中测试发现在部分浏览器中,图片的拖拽会导致下载事件。
但我原本图片确实要实现放大后拖拽的功能,解决方式如下,需要在拖拽的图片容器中移除默认事件。
<div
onDragEnter={(e: any) => e.preventDefault()}
onDragOver={(e: any) => e.preventDefault()}
>
<img></img>
</div>

被折叠的 条评论
为什么被折叠?