0

您好 HTML5 开发人员，我正在尝试设置两个不同的 div 作为传入文件的可拖动区域。但是，似乎一次只能激活其中一个，我怎样才能让它们都准备好接受文件的 dnd。这是我的代码：

var node = dojo.byId("welcomeDialog1_Id");
var node2 = dojo.byId("firstDialogBackground");
    // Reference
    // http://www.html5rocks.com/features/file
    // http://www.html5rocks.com/tutorials/dnd/basics/
    // https://developer.mozilla.org/En/DragDrop/Drag_Operations
    dojo.connect(node, "dragenter", function(evt){
        // If we don't prevent default behavior here, browsers will
        // perform the default action for the file being dropped i.e,
        // point the page to the file.
        evt.preventDefault();
    });

    dojo.connect(node, "dragover", function(evt){
        evt.preventDefault();
    });
    dojo.connect(node, "drop", handleDrop);



  dojo.connect(node2, "dragenter", function(evt){
        evt.preventDefault();
    });

    dojo.connect(node2, "dragover", function(evt){
        evt.preventDefault();
    });
    dojo.connect(node2, "drop", handleDrop);
4

1 回答 1

1

确保您的拖放区没有相互嵌套或重叠......

我可以证明，至少对于 FF 和 Chrome，您的页面上可以有多个拖放区来接受传入的文件。我没有用IE测试。

当我使用文件 DnD 时，我发现以下文章非常有用：

http://www.sitepoint.com/html5-file-drag-and-drop/

于 2012-08-26T20:34:49.393 回答