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

【问题标题】：Changing CSS property of the attribute "draggable"更改属性“可拖动”的 CSS 属性
【发布时间】：2020-07-26 16:32:14
【问题描述】：

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

draggable="true"

是否可以更改 HTML 赋予元素的默认样式？？... 拖动时，元素是透明的，直到它被放下，但我希望它在被拖动时完全可见。我希望在没有 jquery UI 的情况下做到这一点。

【问题讨论】：

检查什么类被添加到辅助元素中。然后按照你想要的方式设计它。例如。 .draggable .helper {opacity: 1}

标签： javascript html css draggable

【解决方案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>

【讨论】：