拖放文件內容時，一個錨標記被放入文本區域

Question

在我的應用程序有2個文本區域的和下面就是我已經加入「的dragover」和「降」聽衆代碼這個2的textarea的

//爲的dragover

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

//爲下降

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

和下面的代碼綁定這個事件到2的textarea的

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

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

現在在我的應用程序中，我有一個包含文件名稱的錨定標記，當我將這個錨點標記拖放到textarea時，我想顯示textarea中的文件內容。

filecontents基本上存儲在一些對象的jsonstring中。

我這裏的問題既不的上述方法我能夠訪問此錨標記，這樣我可以得到fileContent ....

能有人請讓我知道如何實現這一目標？

Answer 1

我能解決這個問題，我使用jQuery UI插件拖放這完全符合我的要求，給我的功能被拖動元素的參考！

這裏是jQuery UI界面上的示例鏈接。

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

Answer 2

如果你的錨有一個id，你可以這樣做：

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