Javascript 将光标更改为';移动';在';dragstart';

Javascript 将光标更改为';移动';在';dragstart';,javascript,Javascript,我试图在拖动开始后将光标更改为“移动”。我尝试将dropEffect属性设置为move,但不起作用 只有在触发dragstart事件后,我如何才能将光标更改为move const button=document.querySelector(“按钮”); 控制台日志(按钮); 按钮。addEventListener(“dragstart”,dragstart); 函数dragStart(e){ e、 setData(“text/plain”,“hello”); e、 dataTransfer.d

我试图在拖动开始后将光标更改为“移动”。我尝试将
dropEffect
属性设置为
move
,但不起作用

只有在触发
dragstart
事件后,我如何才能将
光标更改为
move

const button=document.querySelector(“按钮”);
控制台日志(按钮);
按钮。addEventListener(“dragstart”,dragstart);
函数dragStart(e){
e、 setData(“text/plain”,“hello”);
e、 dataTransfer.dropEffect=“移动”;
控制台日志(e);
}

尽我所能拖动我
dropEffect
仅在用户将鼠标悬停在放置目标上时可用:

dragenter
dragover
事件的事件处理程序中,如果需要与用户请求的操作不同的操作,则应修改
dropEffect

-


它说的是
dragenter
dragover
,但不是
dragstart
,要解决这个问题,我必须将光标更改在
dragstart
上,然后将其恢复到
dragend

const button=document.querySelector(“按钮”);
控制台日志(按钮);
按钮。addEventListener(“dragstart”,dragstart);
按钮。addEventListener(“dragend”,dragend);
函数dragStart(e){
e、 setData(“text/plain”,“hello”);
e、 dataTransfer.effectAllowed=“移动”;
e、 target.style.cursor='move';
控制台日志(e);
}
函数dragEnd(e){
e、 target.style.cursor='default';
}

测试我
你是对的。我将发布一个答案,展示我是如何达到我想要的效果的