Как остановить html5-событие dragenter/dragleave?

Question

[Dmitry_f]

Добрый день, коллеги.

Проблема:

Событие dragenter/dragleave не останавливается с помощью stopPropagation (пример на jsfiddle), а продолжает всплывать.

Кто подскажет, как его остановить?

Спасибо.

Answer 1

[den1n]

Я думаю, нужно использовать e.preventDefault() или return false в обработчике dragenter.

developer.mozilla.org/en/DragDrop/Drag_and_Drop — хорошее описание того, как нужно обрабатывать данные события и каким образом.

Comments

[Dmitry_f]

Безрезультатно

[Dmitry_f]

Именно это и показано в примере

[phil_b]

@Dmitry_f , столкнулся с тем же самым, — по-моему такое поведение со всеми drag-and-drop html5 событиями… даже не знаю, что можно сделать.
Я сейчас ищу, как остановить весь DnD от дочерних элементов.

Однако, на сайте MDN по ссылке выше можно встретить упоминание того, что если на каком-то елементе при событиях dragenter и dragover вызывается «preventDefault» — то они являются конечной зоной для DnD и, как мне показалось, все события DnD в этом случае уже не всплывают далее… хотя не уверен.