javascript - 如何解锁输入？

Question

我需要拥有元素的移动（可拖动）属性。但是当我在输入（文本）上使用属性（可拖动）时，我失去了在直觉中滚动文本的能力。每当我需要滚动文本时，它都会移动元素。

.list input{
  display: block;
  width: 60px
}

<div class="list">
  <input type="text" draggable='true' value='text1 text2 text3 text4 text5'>
  <input type="text" draggable='true' value='text1 text2 text3 text4 text5'>
  <input type="text" draggable='true' value='text1 text2 text3 text4 text5'>
</div>

帮我修一下。

Answer 1

没有办法让它既可拖动又可滚动（使用箭头）。

你想要做的是： - 使输入足够宽，你永远不需要滚动 - 用一些东西把它包裹起来，让它变成可拖动的

许多允许拖动和排序的 UI 都会有一个“handle”元素，你可以在其中抓取它进行拖动，并将其内容包装起来。这可能无法单独使用该draggable属性，但您可以使用句柄上的事件来mousedown打开和关闭。mouseupdraggable