阻止 qq 浏览器等浏览器的图片拖拽导致的下载事件
项目过程中测试发现在部分浏览器中,图片的拖拽会导致下载事件。
但我原本图片确实要实现放大后拖拽的功能,解决方式如下,需要在拖拽的图片容器中移除默认事件。
<div
onDragEnter={(e: any) => e.preventDefault()}
onDragOver={(e: any) => e.preventDefault()}
>
<img></img>
</div>
阻止 qq 浏览器等浏览器的图片拖拽导致的下载事件
项目过程中测试发现在部分浏览器中,图片的拖拽会导致下载事件。
但我原本图片确实要实现放大后拖拽的功能,解决方式如下,需要在拖拽的图片容器中移除默认事件。
<div
onDragEnter={(e: any) => e.preventDefault()}
onDragOver={(e: any) => e.preventDefault()}
>
<img></img>
</div>