Wie entsperrt man einen Eingang?

Question

Ich muss die Eigenschaft "Verschieben" (ziehbare) der Elemente haben. Aber wenn ich die Eigenschaft (ziehbare) für Eingabe (Text) verwende, verliere ich die Fähigkeit, den Text in der Intuition zu scrollen. Immer wenn ich durch den Text scrollen muss, verschiebe ich das Element.

.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>

Hilf mir, es zu beheben.

Answer 1

Es gibt keine Möglichkeit, es sowohl ziehbar als auch scrollbar zu machen (mit dem Pfeil).

Was Sie tun möchten, ist entweder: - Machen Sie den Eingang breit genug, um Sie nie blättern müssen - mit etwas Wrap up und dass ziehbar machen statt

Viele UIs, mit denen Zum Umherziehen und Ordnen von Dingen wird ein "handle" -Element haben, an das man es ziehen kann und das seinen Inhalt umschließt. Das funktioniert möglicherweise nicht mit der draggable Eigenschaft allein, aber Sie können mousedown und mouseup Ereignisse auf dem Handle verwenden, um draggable ein- und auszuschalten.