阻止 qq 浏览器等浏览器的图片拖拽导致的下载事件

本文介绍如何在网页开发中防止图片被拖拽下载,通过移除浏览器默认事件实现图片放大拖拽功能,适用于QQ浏览器等。示例代码展示了如何使用JavaScript阻止默认行为。

阻止 qq 浏览器等浏览器的图片拖拽导致的下载事件
项目过程中测试发现在部分浏览器中,图片的拖拽会导致下载事件。
但我原本图片确实要实现放大后拖拽的功能,解决方式如下,需要在拖拽的图片容器中移除默认事件。

<div
	onDragEnter={(e: any) => e.preventDefault()}
	onDragOver={(e: any) => e.preventDefault()}
>
  <img></img>
</div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值