如何解锁输入？

Question

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

＆＃13;

＆＃13;

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet">

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

帮我解决一下。

Answer 1

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

您要做的是： - 使输入足够宽，你永远不需要滚动 - 用一些东西包裹它并使其成为可拖动的

许多允许拖动和订购内容的用户界面都会有一个“句柄”元素，你抓住它来拖动它，然后包装它的内容。这可能不适用于draggable属性本身，但您可以使用句柄上的mousedown和mouseup事件来打开和关闭draggable。