HTML5拖放在特定情况下不起作用

时间:2015-03-03 17:52:44

标签: javascript jquery html5 drag-and-drop

如果有任何特殊情况导致HTML5掉线事件发生,请告诉我们。 我看到HTML5的drop事件有一个奇怪的问题,我坚持使用。我相信我一定是在做错事。这里的场景是..这是我定义的放置区。当我从桌面拖动元素甚至文件时,此代码非常好用。 但我在我们的应用程序中有一个特定的小部件,它有div,table-td&draggable设置为true,虽然我能够拖动这些元素,当我移动这个拖动的元素或放下拖动时,drop事件不会被触发放置区域上的元素。

<div class="drop">drop here</div>
<script>
$(document).ready(function() 
 {

    $('.drop').on('drop dragdrop',function(event){
    alert('dropped');
});
$('.drop').on('dragenter',function(event){
    event.preventDefault();
    $(this).html('drop now').css('background','blue');
})
$('.drop').on('dragleave',function(event){
    $(this).html('drop here').css('background','red');
})
$('.drop').on('dragover',function(event){
    event.preventDefault();
})


 });
</script>

0 个答案:

没有答案