Проблемы перетаскивания элементов в Firefox

Question

Есть ли причины, по которым изображение не будет перетаскиваться в Firefox, даже если атрибут draggable="true"? Я разрабатываю сценарий обмена изображениями в JS, но у меня возникают проблемы при запуске в Firefox. Хотя код отлично работает в Chrome, Edge и IE, когда я пытаюсь перетащить изображение в Firefox, он не выглядит так, как будто браузер позволяет мне перетаскивать изображение (изображение не отображается) и, таким образом, мое событие перетаскивания не запускает или не вызывает никаких событий капли. Я генерации изображения с помощью document.createElement('img') и установки атрибутов с

imgElement.setAttribute('draggable', true); 
imgElement.setAttribute('ondragstart', 'drag(event)'); 

моя функция перетаскивания:

function drag(ev) { 
if (!ev.target.classList.contains(clickClass)) { 
    return; 
} 

ev.dataTransfer.setData("text", ev.target.id); 
document.getElementById(ev.target.id).parentElement.setAttribute('class', 'noclick'); 
}; 

Я прочитал в другом вопросе о том, что событие перетаскивания может не сработать в Firefox, если данные не однако, это не похоже на проблему.

Answer 1

Вместо imgElement.setAttribute('ondragstart', 'drag(event)'); вы должны добавить dragstart слушателя вместо:

imgElement.addEventListener('dragstart', function(e){ 
    drag(e); 
});