dragenter/dragoverイベントにEvent.fromElementはありませんか？

Question

私は完全な形でドラッグアンドドロップで遊んでいたので（インスタントアップロードはありません）。私は小さな部分がファイルで覆われたときに特定のフィールドセットを強調表示するつもりだったが。 dragoverとdragenterのイベント（およびdragleaveなど）を入力します。

このような小さな部分ではないことが分かります。フィドル：http://jsfiddle.net/rudiedirkx/epp74/

試してみてください：フィールドセットの上をドラッグして少し移動してください。最初のoverは、フィールドセットのdragenterイベントをトリガーします（フィールドセットは黄色です）。それ以降（同じフィールドセット内で）移動すると、dragenterとdragleave（フィールドセットは黄色になりません）が悪くなります。 mouseenterとmouseleave（彼らは一度だけトリガー）：私はIEは長い時間前mouseoverとmouseoutのために作られたものを作りたかった理由です

。ドラッグイベントの場合、まったく同じことが適用されます。まったく同じ方法で1回だけトリガーする必要があります。 JSライブラリは、Event.fromElementとEvent.toElementを使用してこれらのIEイベントを偽装し（イベント所有者要素と比較します） （詳細についてjQueryまたはMootoolsソースを参照してください。）

をドラッグイベントのために同じことを行うために、私は同じfromElementとtoElementを必要としています。あなたはフィドルで見ることができます、私は試してみますが、私はそれらを見つけることができません。

誰でも知っていますか？なぜ彼らは利用できないのですか？

私はdragenterイベントでfromElementを持っていない、主にChromeを使っていますが、はdragleaveイベントでtoElementを持っています。 Firefoxでは少し悪いですが（論理的です）、どちらも空です。

すべてのアイデアは大歓迎です。私はChromeのtoElementdragleaveでは必ずしも正しくないことが判明しましたa little more debugging後

編集
。 thisより大きいことはありませんが、フィールドセット（this）を親フォーム（toElement）のままにしておく必要があります。私がそうすると、thisとtoElementの両方がフィールドセットになります（間違っていますか？）。

編集ソリューション：イベント内の要素を無視し、イベントは、マウスの下の要素を見つけるために、座標使用http://jsfiddle.net/rudiedirkx/Lwd3md71/：
私はこのようなものになってしまいました。アニメーションフレームごとに最大1回トリガーするには、31〜59 fpsになるrequestAnimationframeを使用します。

Answer 1

FirefoxはrelatedTargetのイベントプロパティを提供しますが、ChromeとSafariではイベントプロパティはありません。残念ながら、この問題は数年前からこのChrome bugとこのWebkit bugとして公開されています。

Answer 2

「dragleave」イベントの変数を設定するためのrelatedTargetを偽装する方法があります。これは、dragleaveが常に先にdragenterが先行するため、後者で設定される変数は前者利用可能：

var relatedTarget = null; 

document.addEventListener('dragenter', function(e) 
{ 
    relatedTarget = e.target; 

}, false); 
document.addEventListener('dragleave', function(e) 
{ 
    console.log('target = ' + e.target + ' relatedTarget = ' + relatedTarget); 

}, false); 

それは他の方法でラウンドを動作しませんが、あなたはそれをこのように使用する場合は、本当に何かのためのdragEnterを必要としない - だけでdragleaveはあなたを伝えるのに十分である。すなわちマウスが特定の要素に移動しているとき、またはその要素から完全に外れているとき