Changing CSS property of the attribute “draggable”
Question
Is it possible to change the CSS property of the attribute "draggable"
draggable="true"
Is it possible to change the default style given to the element by HTML??... When dragging, the element is transparent until it gets dropped, but I want it to be fully visible when being dragged. I was hoping to do this WITHOUT jquery UI.
1 answers
solution1
0 2020-04-14 08:01:07
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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Changing the draggable attribute
jquery draggable event changing the css of child element
Css attribute not changing (javascript)
JS changing a css property
css class attribute changing in dynamically
Not able to set CSS attribute after draggable drag event
jquery -changing css property and repeating
Changing CSS content property dynamically
Changing a property of a external CSS with javascript
Variable attribute to set CSS property
Related Tags