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';
}
测试我
你是对的。我将发布一个答案,展示我是如何达到我想要的效果的