如何在拖放事件期间修改被拖动的对象？

问题描述

我正在尝试获取被拖动的元素，以便在被拖动时对其进行修改。

更具体地说，我有一个以下格式的列表：

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) 函数根据用户的移动对元素重新排序。

我的目标是在拖动时更改拖动对象的不透明度（我在移动过程中在光标附近看到的项目）。可以这样做吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）