firefox 下使用html5拖拽会自动打开新标签的解决办法

最新推荐文章于 2024-10-09 22:45:00 发布

天空飘来五行码

最新推荐文章于 2024-10-09 22:45:00 发布

阅读量2.1k

点赞数

分类专栏： WEB相关

WEB相关专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一种在网页中全局禁用拖放功能的方法，通过JavaScript代码阻止默认的拖放行为，适用于需要控制用户交互的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载:https://blog.youkuaiyun.com/cysear/article/details/73740094

使用全局禁止

document.body.ondrop = function(event) {
				
					event.preventDefault();
				
					event.stopPropagation();
				
				}

完整JS

<script>
			function allowDrop(ev) {
				ev.preventDefault();
			}

			function drag(ev) {
				document.body.ondrop = function(event) {
				
					event.preventDefault();
				
					event.stopPropagation();
				
				}
				ev.dataTransfer.setData("Text", ev.target.id);
			}

			function drop(ev) {
				ev.preventDefault();
				var data = ev.dataTransfer.getData("Text");
				ev.target.appendChild(document.getElementById(data));
			}
		</script>