JS中event.srcElement和event.target的用法

JS中event.srcElement和event.target的用法

JS中event.srcElement是IE中的用法，event.target是非IE中的用法．

實際使用中可以用：obj = event.srcElement ? event.srcElement : event.target;

在IE中，當發生mouseover事件的時候，e.srcElement可以獲得鼠標移入的元素，e.fromElement可以獲得鼠標是從哪個元素移入的，e.toElement就是e.srcElement；

在IE中，當發生mouseout事件的時候，e.srcElement可以獲得鼠標移出的元素，e.fromElement和e.srcElement是一樣的，e.toElement可以獲得鼠標移動到當前的元素；

在DOM中，mouseover和mouseout所發生的元素可以通過e.target來訪問，相關元素是通過e.relatedTarget來訪問的（在mouseover中相當於IE的e.fromElement，在mouseout中相當於IE的e.toElement）；

如，下面是一個菜單列表中用到的程序：

$("childItems").onmouseover=function(e){
　　e=e||window.event;
　　vartarget=e.target||e.srcElement;
　　varrelatedTarget=e.relatedTarget||e.fromElement;
　　if(!$(relatedTarget).descendantOf(this)&&$(relatedTarget)!=this){
　　　　clearTimeout(timeoutId);
　　　　timeoutId=null;
　　}
}
$("childItems").onmouseout=function(e){
　　e=e||window.event;
　　vartarget=e.target||e.srcElement;
　　varrelatedTarget=e.relatedTarget||e.toElement;
　　if(!$(relatedTarget).descendantOf(this)&&$(relatedTarget)!=this){//如果relatedTarget不是ul本身或者不是ul的子元素
　　　　close();
　　}　　
}