텍스트 상자에 드래그 앤 드롭

Question

페이지의 왼쪽에 사람 목록이 있습니다.이 목록은 PHP에 의해 채워집니다.

각 사람이 자신의 div에 있습니다 (변경 가능하지만 div의 작업이 더 쉬울 수도 있음). 이 사람들 중 누구라도 텍스트 상자로 드래그하여 해당 텍스트 상자에 이름을 입력 할 수 있기를 원합니다.

또한 더 어색하기 때문에 jQuery 또는 프로토 타입을 사용하고 싶지는 않습니다. 아니면 다른 사람들이 정말로.

편집 :
죄송합니다 제가 질문 ...
어떻게 내가 뭔가를 텍스트 상자 위에 드래그되어 있는지 확인 할을 바꿔 보자? 그리고 그 요소의 ID는 어떻게 얻을 수 있습니까? 내가 모르는 무엇

뭔가 텍스트 상자 위에 드래그되었는지 확인하는 방법입니다 (입력 상자가 아닌 텍스트 영역,하지만 더 큰 문제가 없습니다.)
내가 마법 PARAM가 결코 알 onDragOnto=""처럼 좋겠지 만 의미하는 바를 보여줄 것입니다.

Answer 1

자세한 내용이 없으면 더 나은 답변을 제공 할 수 없습니다.

DIV 요소 내에서 클릭하면 Javascript 이벤트가 실행되어 요소의 텍스트가 선택됩니다. 그런 다음이 텍스트를 여러 줄 문자 영역으로 끌 수 있습니다.

이제 편집에서 정보 :

당신은 당신이 각 DIV과 함께하면 onMouseDown 이벤트를 등록 할 것입니다. 텍스트 영역/텍스트 상자에

<div onmousedown="onMouseDown(event);" onmouseup="onMouseUp(event);">Jane</div> 

:

<textarea onmouseover="return onMouseOver(event);"></textarea> 

그리고 스크립트 :

<script> 

function onMouseOver(evt) { 
    target = document.lastClicked; 
    if (target != null) { 
     window.alert(target.id); 
    } 
} 

function onMouseDown(evt) { 
    document.lastClicked = window.event.target; 
} 

function onMouseUp(evt) { 
    document.lastClicked = null; 
} 

</script> 

이 일을 할 수있는 매우 원유 방법이지만, 이름에

나는 이것이 당신에게 당신이 찾고있는 원칙을 제공하기를 바랍니다. 텍스트 드래그 앤 드롭을 사용하는 것보다 요소를 강제로 움직이려면 물건이 더 털이 나게됩니다. 이를 처리하려면 CSS를 사용하고 좌표를 수정해야합니다.