В моем приложении есть 2 textarea, а следующий - код, в котором я добавил слушателей "dragover" и "drop" для этого 2 текстового поля
//для перетаскивания
handleDragOver : function (evt) {
var self = this;
evt.preventDefault();
console.log ("handleDragOver ", evt);
return;
}
//для снижения
ShowFileContentDiff : function (evt) {
evt.preventDefault();
console.log ("ShowFileContentDiff ", evt);
}
и после кода для привязки этих событий к 2 текстовым полям
textArea1.bind('dragover', self.handleDragOver);
textArea1.bind('drop', self.ShowFileContentDiff);
textArea2.bind('dragover', self.handleDragOver);
textArea2.bind('drop', self.ShowFileContentDiff);
Теперь в моем приложении у меня есть якорный тег, который содержит имя файла, я хочу показать содержимое файла в текстовом поле, когда я перетаскиваю этот якорный тег в текстовое поле.
Файловые ресурсы в основном хранятся в jsonstring в некотором объекте.
Моя проблема здесь не в ни один из методов, упомянутых выше. Я могу получить доступ к этому тегу привязки, чтобы я мог получить fileContent....
Может кто-нибудь, пожалуйста, дайте мне знать, как добиться этого.?
Я смог решить эту проблему, я использую JQuery UI plugin для функции перетаскивания, которая отлично подходит для моего требования и дает мне ссылку на элемент, который вытаскивается !!
вот ссылка для примеров на сайте пользовательского интерфейса jquery.
https://jqueryui.com/droppable/#shopping-cart
Если у вашего якоря есть идентификатор, вы можете сделать это:
ShowFileContentDiff : function (evt) {
evt.preventDefault();
console.log ("ShowFileContentDiff ", evt);
console.log ("anchor id: " + evt.target.id);
}