拖放验证码

时间:2015-11-28 22:37:06

标签: javascript jquery html drag-and-drop

我不是javascript开发者,但在这种情况下我必须使用javascript。

我正在创建一个网站,我想要一个原始的验证码,我想要拉取和删除图像,然后自动重定向到另一个页面。

我做了这个和它的工作,但我不知道如何在图像被拖动到​​右边div时进行重定向。

<script>

function allowDrop(ev) {

    ev.preventDefault();
}

function drag(ev) {

    ev.dataTransfer.setData("text/html", ev.target.id);
}

function drop(ev){

    ev.preventDefault();
    var data= ev.dataTransfer.getData("text/html");
    ev.target.appendChild(document.getElementById(data));
}


</script>

HTML是

<table class="CTinCT">
<tr>
    <td>

        <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">

            <img src="imagen.png" draggable="true" ondragstart="drag(event)" id="drag1" width="200px" height="100px" />

        </div>

        <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>



    </td>
</tr>
</table>

如何进行重定向?

如果您有完全不同的方式,请分享。

谢谢, 鲍里斯。

1 个答案:

答案 0 :(得分:1)

在函数drop中:

window.location = 'http://google.com' ;

谢谢adeneo:https://stackoverflow.com/users/965051/adeneo