Question

如何在HTML5中的不同拖放事件（startDrag和dragOver）中更改光标样式？

我做了一些测试，但是没有。有人可以帮忙，谢谢。

const elementDiv1 = document.getElementById('div1');
const elementDrag1 = document.getElementById('drag1')

elementDiv1.addEventListener("drop", drop);
elementDiv1.addEventListener("dragover", allowDrop);
elementDrag1.addEventListener("dragstart", drag);

function allowDrop(ev) {
  ev.preventDefault();
}

function drag(ev) {
  ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
  ev.preventDefault();
  var data = ev.dataTransfer.getData("text");
  ev.target.appendChild(document.getElementById(data));
}

#div1 {
  width: 350px;
  height: 70px;
  padding: 10px;
  border: 1px solid #aaaaaa;
}

#drag1 {
    cursor: url(https://i.imgur.com/2Lc66bn.png), auto;
}

<div id="div1"></div>
<img id="drag1" src="https://i.imgur.com/2Lc66bn.png" draggable="true" >

在开始拖动和拖动时更改光标

0 个答案: