Question

是否可以更改“可拖动”属性的CSS属性

draggable="true"

是否可以通过HTML更改给元素的默认样式？?? ...拖动时，该元素是透明的，直到被放下为止，但是我希望它在被拖动时完全可见。我希望在不使用jQuery UI的情况下执行此操作。

Answer 1

function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
    ev.dataTransfer.setDragImage()
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("Text");
    
    if (ev.target.className == "card-content") { 
        ev.target.appendChild(document.getElementById(data));
    }
}

.drag {
  width: 300px;
  height: 300px;
  padding: 5px;
  background-color: gray;
}

<body ondrop="drop(event)" ondragover="allowDrop(event)">
   <div class="drag" draggable="true" ondragstart="drag(event)">
     Drag Me
   </div>
</body>

更改属性“可拖动”的CSS属性

1 个答案: