我正在尝试获取拖动的元素以便在拖动时对其进行修改。
更具体地说,我有一个以下格式的列表:
List<(int, string)> list_item = new List<(int, string)> { (0, "item 1"), (1, "item 2"), (2, "item 3"), (3, "item 4") };
并为列表的每个元素创建一个可拖动的 div:
@foreach (var item in list_item)
{
<div id="@item.Item2" style="width: 300px; height:100px; border: 1px solid #000000;"
ondragover="event.preventDefault();"
draggable="true"
@ondragstart="@(() => HandleDragStart(item))"
@ondrop="@(() => HandleDrop(item))">
<h1>@item.Item2</h1>
</div>
}
该HandleDragStart(item)
函数将拖动的元素保存在全局变量中;该HandleDrop(item)
函数根据用户的动作对元素进行重新排序。
我的目标是在拖动时更改拖动对象的不透明度(我在移动过程中在光标附近看到的项目)。有可能这样做吗?