javascript - 将光标更改为 'move' 上的 'dragstart'

标签 javascript

我试图在拖动开始后将光标更改为“移动”。我尝试将 dropEffect 属性设置为 move 但这不起作用。 https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API

如何仅在 dragstart 事件触发后将 cursor 更改为 move

const button = document.querySelector("button");
console.log(button);

button.addEventListener("dragstart", dragStart);

function dragStart(e) {
  e.dataTransfer.setData("text/plain", 'hello');
  e.dataTransfer.dropEffect = "move";
  console.log(e);
}
<button type="button" draggable="true">Drag Me</button>

最佳答案

据我所知,dropEffect 仅在用户将鼠标悬停在放置目标 上时可用:

Within event handlers for dragenter and dragover events, dropEffect should be modified if a different action is desired than the action that the user is requesting.

MDN

它说 dragenterdragover 但不是 dragstart

关于javascript - 将光标更改为 'move' 上的 'dragstart',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62156613/

相关文章:

javascript - 巴别尔.获取节点的第一个子节点。遵循访客模式

javascript - 如果外部加载元素,jQuery 将无法工作

javascript - 调试 IE 错误预期对象

javascript - 检查用户是否已经在浏览器 session 中访问过站点

javascript - 当模型更新时,具有硬编码选项的 AngularJS 多重选择不会更新

javascript - 预检响应中的 Access-Control-Allow-Headers 不允许请求 header 字段 Access-Control-Request-Methods

javascript - 以一种绑定(bind) ng-repeat 的方式重新渲染数据

javascript - 如何使用 livevalidation 验证信用卡到期日期(2 个字段)

javascript - 这是什么javascript语法? !功能(){}

javascript - Chrome 扩展 : fire an event when element created?