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

时间:2020-04-14 01:28:20

标签: javascript html css draggable

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

draggable="true"

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

1 个答案:

答案 0 :(得分:0)

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>

相关问题