4

是否可以将整个窗口用作放置区域？

当然，我可以将ngf-drop属性附加到正文，但是其他一些 HTML 元素会覆盖，我不能将我的文件放在那里……否则我不能使用 DIV 将这些属性附加到所有其他元素上，因为没有别的了可点击。

或者我怎样才能用 vanilla js / css 实现这种行为？

4

1 回答 1

7

如果将它添加到 body 或包含它应该工作的所有元素的 div 中，请确保 body 容器 div 是全尺寸并包含所有元素。仍然会在主体或容器 div 上调用拖放事件。

示例：http: //jsfiddle.net/w812qp1s/

<body ng-app="fileUpload" ng-controller="MyCtrl">
    <div style="width:100%;height:100%" ngf-drop ngf-select ng-model="files" class="drop-box" ngf-drag-over-class="dragover" ngf-multiple="true" ngf-allow-dir="true"><div>Drop File:</div>
        <div>No Drop File Div</div>
        <ul>
            <li ng-repeat="f in files" style="font:smaller">{{f.name}}</li>
        </ul>Upload Log: <pre>{{log}}</pre>

    </div>
</body>
于 2015-08-15T05:45:21.190 回答