mootools mouseevent цели

Question

В чем разница между "target", "relatedTarget" и "fromelement" в терминах события мыши mootools?

например, в следующем коде, почему цель не используется и почему существует || участие?

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

Answer 1

В основном,

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;

- это кросс-браузерный способ определения, из какого элемента пришла мышь.

Answer 2

W3C говорит, что event.relatedTarget - это элемент, из которого мышь происходит из в событии mouseover, или элемент, в который мышь переходит к в mouseout событие.

Однако IE использует два отдельных свойства для этих двух случаев: event.fromElement - это элемент, из которого мышь происходит из в событии mouseover, тогда как event.toElement - это элемент, на который мышь переходит на в событии mouseout.

Более подробную информацию и некоторые примеры вы можете найти на следующей странице Питера-Пола Коха (очень хороший контент):

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