Падение событие не срабатывает в chrome

Question

Падение событие не срабатывает в chrome

Кажется, что событие drop не запускается, когда я ожидал бы.

Я предполагаю, что событие drop срабатывает, когда элемент, который перетаскивается, освобождается выше целевого элемента, но это не похоже на случай.

что я недопонимаю?

http://jsfiddle.net/LntTL/

$('.drop').on('drop dragdrop',function(){

    alert('dropped');

});

$('.drop').on('dragenter',function(){

    $(this).html('drop now').css('background','blue');

})

$('.drop').on('dragleave',function(){

    $(this).html('drop here').css('background','red');

})

612 3

jQuery javascript events jquery-events

3 ответов:

Comments

Ничего не найдено.

iamchris · Accepted Answer · 2015-08-26 19:13:47

чтобы событие drop произошло на элементе div, вы должны отменить ondragenter и ondragover событий. Использование jquery и вашего кода...
$('.drop').on('drop dragdrop',function(){
    alert('dropped');
});
$('.drop').on('dragenter',function(event){
    event.preventDefault();
    $(this).html('drop now').css('background','blue');
})
$('.drop').on('dragleave',function(){
    $(this).html('drop here').css('background','red');
})
$('.drop').on('dragover',function(event){
    event.preventDefault();
})
для получения дополнительной информации, проверить страница MDN.

Michael Falck Wedelgård · Accepted Answer · 2017-10-25 21:07:16

вы можете уйти с просто делаю event.preventDefault() на dragover событие. Делать это будет стрелять drop событие.

bob · Accepted Answer · 2016-03-24 20:35:51

для того, чтобы событие drop сработало, вам нужно назначить dropEffect во время события over, иначе событие ondrop никогда не будет вызвано:
$('.drop').on('dragover',function(event){
    event.preventDefault();
    event.dataTransfer.dropEffect = 'copy';  // required to enable drop on DIV
})
// Value for dropEffect can be one of: move, copy, link or none
// The mouse icon + behavior will change accordingly.