Question

在我的应用程序中有2个textarea，以下是我在这个2 textarea中添加了“dragover”和“drop”听众的代码

// for dragover

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

// for drop

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

如果您的主持人有身份证，您可以这样做：

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

Answer 2

我能够解决这个问题，我正在使用Jquery UI插件进行拖放功能，这完全符合我的要求，并为我提供了被拖动元素的参考！

这是jquery UI站点上示例的链接。

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

将锚标记放入TextArea时拖放文件内容

2 个答案: