Перетаскивания содержимого файла, когда якорь тег упал в TextArea

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); 

Теперь в моем приложении у меня есть якорный тег, который содержит файл Name, я хочу показать содержимое файла в текстовом поле, когда я перетаскиваю этот якорный тег в текстовое поле.

Содержимое файла в основном хранится в jsonstring в каком-либо объекте.

Моя проблема здесь ни в одном из указанных выше методов, я могу открыть якорный тег, так что я могу получить fileContent ....

Может кто-то пожалуйста, дайте мне знать, как достичь этого.?

Answer 1

Я был в состоянии решить эту проблему, я использую плагин Jquery UI для перетаскивания функциональности, которая идеально подходит моему требованию и дает мне ссылка на элемент перетаскивается !!

вот ссылка для примеров на сайте пользовательского интерфейса jquery.

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); 
}