입력을 잠금 해제하는 방법?

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을 설정 및 해제 할 수 있습니다.