0

HTML5開発者の皆さん、こんにちは。2つの異なるdivを、受信ファイルのドラッグ可能な領域として設定しようとしています。ただし、一度にアクティブにできるのはそのうちの1つだけのようです。どうすれば、両方をファイルの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 に答える