拖放 HTML5

Question

伙计们，我如何更新拖动元素的 styles

1. 更新被拖动的元素
2. 更新拖动元素的位置/空间

似乎使用

event.target.addClass or event.target.styles.  etc

更新被拖动的元素以及 position 从它被采取的地方

请看一下这个截图链接，这是我在拖动元素时想要实现的，基本上是onDragStart

谢谢你

Answer 1

有了这个，您可以更改被拖动元素的样式并保持原始样式（或以您喜欢的方式更改）：

 function handleDragStart(e) { this.style.color = 'red'; } function handleOnDrag(e) { this.style.color = 'black'; } let items = document.querySelectorAll('ul>li'); items.forEach(function(item) { item.addEventListener('dragstart', handleDragStart, false); item.addEventListener('drag', handleOnDrag, false); });

 <ul> <li draggable="true">lorem ipsum</li> <li draggable="true">lorem ipsum</li> <li draggable="true">lorem ipsum</li> </ul>