2011-07-04 4 views
2

whatは、mootoolsマウスイベントの観点から、 "target"と "relatedTarget"と "fromelement"の違いは何ですか?mootools mouseevent targets

たとえば、次のコードでは、ターゲットが使用されていない理由とその理由があります。関係する?

'mouseenter':function(e){ 
var reltar = e.relatedTarget || e.fromElement; 
} 

答えて

2

基本的に、

targetは、イベントがディスパッチされる要素です。即ち

$('el').addEvent('mouseenter',function(event){ 
    console.log(event.target) //target refers to the 'el' element. 
} 

relatedTargetマウスがマウスオーバー/入力の場合から来た要素です。

fromelementrelatedTargetが何を実装するためのMSの方法です。したがって、

var reltar = e.relatedTarget || e.fromElement; 

は、マウスがどの要素から来たのかを検出するクロスブラウザの方法です。

1

W3Cは、event.relatedTargetはマウスmouseoverイベントにから来ている要素、またはマウスmouseoutイベントにに行くということな要素であると述べています。

しかし、IEは、これら2例のための2つの別々のプロパティを使用しています:event.fromElementはマウスmouseoverイベントにから来ている要素であり、event.toElementはマウスmouseoutイベントにに行く要素でありながら、 。

あなたはピーター・ポール・コッホ(そこは非常に良い内容)によって、次のページの詳細といくつかの例を見つけることができます。

http://www.quirksmode.org/js/events_mouse.html