C# Blazor - 可拖动停止突出显示文本的能力答案

【问题标题】：C# Blazor - Draggable stops ability to highlight textC# Blazor - 可拖动停止突出显示文本的能力
【发布时间】：2022-01-27 14:18:33
【问题描述】：

我有类似以下的内容：

<div class="outer" ondragover="event.preventDefault();">
  @foreach (CustomObject o in ObjectList)
  {
     <div draggable="true" @key="o.Rank" @ondrag="@(()=> StartDrag(o))" @ondrop="@(()=> Drop(o))" class="inner">
        <textarea></textarea>
        <input type="text">
        <button></button>
        <textarea></textarea>
     </div>
  }
</div>

我希望能够拖放整个部分，但问题是它不再允许突出显示文本区域或文本框中的文本。

有没有一种允许突出显示文本并能够拖放所有内容的好方法？

【问题讨论】：

标签： c# html drag-and-drop blazor textarea

【解决方案1】：

尝试在内部元素上使用这些设置

<div draggable="true" @key="o.Rank" @ondrag="@(()=> StartDrag(o))" @ondrop="@(()=> Drop(o))" class="inner">
           <textarea draggable="true"
           ondragstart="event.preventDefault();
                        event.stopPropagation();"></textarea>     
        <input type="text" draggable="true"
           ondragstart="event.preventDefault();
                        event.stopPropagation();">
        <button draggable="true"
           ondragstart="event.preventDefault();
                        event.stopPropagation();"></button>
        <textarea draggable="true"
           ondragstart="event.preventDefault();
                        event.stopPropagation();"></textarea>
     
     </div>

【讨论】：