Html .net Web窗体应用程序拖放不工作

当我将以下代码放入HTML中时，它可以完美地工作，但当我将其添加到VS2012 web forms应用程序中时，它就不能工作了。有什么想法吗

<style type="text/css">
#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}
</style>
<script>
    function allowDrop(ev) {
        if (event.preventDefault) {
            event.preventDefault();
        }
        else {
            event.returnValue = false;
        }
    }

    function drag(ev) {
        ev.dataTransfer.setData("Text", ev.target.id);
    }

    function drop(ev) {
        if (event.preventDefault) {
            event.preventDefault();
        }
        else {
            event.returnValue = false;
        }
        var data = ev.dataTransfer.getData("Text");
        ev.target.appendChild(document.getElementById(data));
    }
</script>


<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br>
<div id="drag1"  draggable="true" ondragstart="drag(event)" style="width:300px; height:300px;background-color:blue;">Test</div>`

#div1{宽度：350px；高度：70px；填充：10px；边框：1px实心35; aaaaaa；}
功能allowDrop（ev）{
if（event.preventDefault）{
event.preventDefault（）；
}
否则{
event.returnValue=false；
}
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
功能下降（ev）{
if（event.preventDefault）{
event.preventDefault（）；
}
否则{
event.returnValue=false；
}
var data=ev.dataTransfer.getData（“文本”）；
ev.target.appendChild（document.getElementById（数据））；
}


试验`

只有当我在VS中使用调试器时才会发生这种情况，当我将代码上传到一个站点时，它工作得非常好