如何解决如何在拖放事件期间修改被拖动的对象?
我正在尝试获取被拖动的元素,以便在被拖动时对其进行修改。
更具体地说,我有一个以下格式的列表:
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 举报,一经查实,本站将立刻删除。