入力のロックを解除するには？

Question

要素の移動（ドラッグ可能）プロパティが必要です。しかし、入力（テキスト）にプロパティ（draggable）を使用すると、私は直感のテキストをスクロールする能力を失います。テキストをスクロールする必要があるときはいつでも、要素を移動します。

.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の多くを作る - あなたは をスクロールする必要は決してないだろう十分な広入力してくださいドラッグすると、物事を注文するには、ドラッグするためにそれをつかむ "ハンドル"要素があります。それはその内容を包みます。それはdraggableプロパティでは単独では機能しませんが、mousedownとmouseupイベントをハンドルに使用してdraggableをオンとオフに切り替えることができます。