拖放 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>