更改属性“可拖动”的 CSS 属性
Posted
技术标签:
【中文标题】更改属性“可拖动”的 CSS 属性【英文标题】：Changing CSS property of the attribute "draggable" 【发布时间】：2020-07-26 16:32:14 【问题描述】：是否可以更改属性“可拖动”的CSS属性
draggable="true"
是否可以更改 html 赋予元素的默认样式？？... 拖动时，元素是透明的，直到它被放下，但我希望它在被拖动时完全可见。我希望在没有 jquery UI 的情况下做到这一点。
【问题讨论】：
检查什么类被添加到辅助元素中。然后按照你想要的方式设计它。例如。.draggable .helper opacity: 1
【参考方案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 属性的主要内容，如果未能解决你的问题，请参考以下文章
受原始元素上的 css 更改影响的 Jquery 可拖动助手