2011-07-04 41 views
2

什麼是一個mootools的鼠標事件而言「目標」一「relatedTarget」和「fromelement」之間的區別?的mootools的MouseEvent目標

例如在下面的代碼不被使用目標爲什麼和爲什麼出現||參與?

'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是鼠標在鼠標懸停的情況下附帶的元件/輸入。

fromelement是MS方式來實現什麼relatedTarget一樣。因此,

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

是一個跨瀏覽器的方式來檢測鼠標來自何處。

1

W3C說,event.relatedTarget就是鼠標來自mouseover事件的元素,或者鼠標mouseout事件的元素。

然而,IE使用兩個單獨的性質對這些兩種情況:event.fromElement是鼠標來自mouseover事件的元素,而event.toElement是鼠標進入mouseout事件的元素。

您可以通過彼得 - 保羅·科赫(很棒內容有)找到以下頁面的更多細節和一些例子:

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