javascript - js拖拽div，鼠标旁边出现一个虚线框，请教如何屏蔽这样的默认行为

问题描述

问 题

我在做一个鼠标拖拽div改变div位置的小功能。但是鼠标点右键拖动的时候，浏览器有默认行为，如图。
我在代码中已经添加了如下的preventDefault代码,但是不起作用！不起作用啊！还是一拖动就出现这个虚线框框，影响了js拖动操作：

div.addEventListener("dragenter", function(event) {

                event.preventDefault();
            });
            div.addEventListener("dragover", function(event) {
                event.preventDefault();
            });

请问各位大虾，这个框框是默认的哪个行为?要怎么解决这个问题？ 谢谢大家

解决方案

dragstart事件时，e.preventDefault

这篇关于javascript - js拖拽div，鼠标旁边出现一个虚线框，请教如何屏蔽这样的默认行为的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！