首页 文章

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

提问于
浏览
0

在我的应用程序中有2个textarea和以下是代码,我已经添加“dragover”和“drop”听众到这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 ....

有人可以让我知道如何实现这一目标 .

2 回答

  • 0

    如果你的锚有id,你可以这样做:

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

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

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

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

相关问题