我在做一个鼠标拖拽p改变p位置的小功能。但是鼠标点右键拖动的时候，浏览器有默认行为，如图。
我在代码中已经添加了如下的preventDefault代码,但是不起作用！不起作用啊！还是一拖动就出现这个虚线框框，影响了js拖动操作：
p.addEventListener("dragenter", function(event) {
event.preventDefault();
});
p.addEventListener("dragover", function(event) {
event.preventDefault();
});
请问各位大虾，这个框框是默认的哪个行为?要怎么解决这个问题？ 谢谢大家
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
dragstart事件时，e.preventDefault
css: