드래그 앤 파일 내용을 삭제 앵커 태그가이 텍스트 영역의이며, 다음은 내가 "로 dragOver"과에 리스너 "드롭"추가 한 코드 내 응용 프로그램에서 텍스트 영역

Question

삭제 될 때이 두 텍스트 영역의

// dragOver를

handleDragOver : function (evt) { 
     var self = this; 
     evt.preventDefault(); 
     console.log ("handleDragOver ", evt); 
     return; 
    } 

// 드롭

ShowFileContentDiff : function (evt) { 
      evt.preventDefault(); 
      console.log ("ShowFileContentDiff ", evt); 
     } 

및 코드를 다음과 같은 사항에 대해이 텍스트 영역의

이 이벤트를 바인드 0

textArea1.bind('dragover', self.handleDragOver); 
textArea1.bind('drop', self.ShowFileContentDiff); 

textArea2.bind('dragover', self.handleDragOver); 
textArea2.bind('drop', self.ShowFileContentDiff); 

이제 응용 프로그램에서 파일 이름이 포함 된 앵커 태그가 있습니다.이 앵커 태그를 텍스트 영역으로 끌면 텍스트 영역에 파일 내용을 표시하려고합니다.

filecontents는 기본적으로 일부 객체의 jsonstring에 저장됩니다. 여기

내 문제는 내가 포함한 FileContent를 얻을 ....

어떤 사람이 나에게 이것을 달성하는 방법을 알려 주시기 바랍니다 수 할 수 있도록이 앵커 태그에 액세스 할 수 있어요 위에서 언급 한 방법 중 어느 것도입니다.? 앵커는 ID가있는 경우

Answer 1

나는이 문제를 해결할 수 있었다, 나는 Drag에 JQuery와 UI 플러그인을 사용하여 완벽하게 내 요구 사항을 맞는 날을 제공 기능을 삭제하고 드래그되는 요소의 참조 !!

여기에 jquery UI 사이트의 예제 링크가 있습니다.

https://jqueryui.com/droppable/#shopping-cart 

Answer 2

당신은이 작업을 수행 할 수 있습니다

ShowFileContentDiff : function (evt) { 
    evt.preventDefault(); 
    console.log ("ShowFileContentDiff ", evt); 
    console.log ("anchor's id: " + evt.target.id); 
}