javascript - Firefox の「ドラッグ」イベントハンドラ内で clientX と clientY を動作させるにはどうすればよいですか?

Question

Mozilla Firefox 3.x は、「ondrag」イベントをリッスンするときにバグがあるようです。イベントオブジェクトは、ドラッグされているオブジェクトの位置を報告しません。clientX、clientY、およびその他のスクリーンオフセットはすべてゼロに設定されます。

clientXもちろん、ドラッグされて使用されている要素に基づいてプロキシ要素を作成し、その位置をclientY調整したかったので、これは非常に問題があります。

HTML5などの優れた機能があることは知っていsetDragImageますが、ブラウザー間のネイティブ DD に一般的な抽象化を提供したいと考えています。

問題のあるコード:

document.addEventListener('drag', function(e) {
    console.log(e.clientX); // always Zero
}, false);

ノート：

この問題は他のイベント ( dragstart、dragover)では発生せず、mousemove何かをドラッグしている間はイベントをキャプチャできません。

score 17 · Accepted Answer

解決策を見つけました。ドキュメントレベルで「dragover」イベントにリスナーを配置しました。これで、グローバルに共有されたオブジェクトを介して公開できる適切な X および Y プロパティを取得できました。

score 3 · Accepted Answer

HTML 5 のドラッグイベントは、今日のブラウザーでは完全には機能しません。ドラッグアンドドロップの状況をシミュレートするには、次を使用する必要があります。

これは常に私にとってはうまくいきました。問題が発生した場合は、再度ご連絡ください。いくつかの例を提供できます。

幸運を！

score 0 · Accepted Answer

HTML5 の setDragImage などの優れた機能があることは知っていますが、ブラウザー間のネイティブ DD に汎用的な抽象化を提供したいと考えています。

しかし、なぜこのようなことをするのでしょうか。JQueryやPrototypeなどのクロスブラウザーのドラッグアンドドロップに使用できるライブラリがないのでしょうか。

または、独自の DD ライブラリを実装したい場合は、両方のライブラリがオブジェクト指向のパラダイムに従っているため、それらのメソッドを利用したり拡張したりできます。

これにより、多くの時間を節約できます。

javascript - Firefox の「ドラッグ」イベント ハンドラ内で clientX と clientY を動作させるにはどうすればよいですか?