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

Question

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

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

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

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

Answer 1

dragstart事件时，e.preventDefault

Answer 2

css:

outline: 0 none;