Firefoxで要素をドラッグする際の問題

Question

属性がdraggable="true"の場合でも画像がFirefoxでドラッグできない理由はありますか？ JSで画像交換スクリプトをデザインしていますが、Firefoxでそれを実行するときにいくつか問題があります。コードはChrome、Edge、IEでうまく動作しますが、Firefoxで画像をドラッグ＆ドロップすると、画像がドラッグされるようにブラウザが表示されない（ゴースト画像が表示されない）ので、ドラッグイベントドロップイベントの発生またはトリガーが行われていません。私は、データがない場合は、ドラッグイベントはFirefoxで発火ないことが別の質問で読ん

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'); 
}; 

：私はdocument.createElement('img')を介して画像を生成し、

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

私のドラッグ機能と属性を設定していますしかし、それはここで問題とは思われない。

Answer 1

代わりのimgElement.setAttribute('ondragstart', 'drag(event)');あなたの代わりにdragstartリスナーを追加する必要があります

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