Javascript drop事件

时间:2016-01-03 15:34:17

标签: javascript html drag-and-drop

我有一些代码允许我将html <div>放入某些“空格”中,一旦空格被占用,代码就不允许另一个<div>移入,直到空格有空被清空了。它在下面列出并且运行良好。

function drop(ev, p) {
    if (ev.target.hasChildNodes() == false) {
        ev.preventDefault();

        var data = ev.dataTransfer.getData("text");
        ev.target.appendChild(document.getElementById(data));
        //more code

它被称为:

<div id="myID" ondrop="drop(event, myP)">

有些情况下,我想预先填充我的空间。由于我没有活动,所以我写了第二个函数,如下所示:

function drop_setup (playerDiv, p, player) {
    var data = player.toString();    
    document.getElementById(playerDiv).appendChild(document.getElementById(data));
    //more code follows

我使用以下方式从我的页面加载中调用它:

drop_setup('QBdiv',myP, myDiv);

屏幕看起来像一个空格已经填满,但我可以将另一个<div>放在上面,这样就无法使用了。欢迎任何帮助。

0 个答案:

没有答案