关于srcElement,fromElement,toElement函数的区别

Question

首先这三个不是函数，是属性
srcElement 产生事件的节点(DHTML对象)
当当前事件有移动成分时，如onmouseover、onmouseout等
fromElement、toElement
表示移动事件的两个端点

Answer 1

srcElement Attribute | srcElement Property--------------------------------------------------------------------------------Retrieves the object that fired the event. SyntaxHTML < srcElement = oObject ... >  
Scripting event.srcElement [ = oObject ] Possible ValuesoObject Object爐hat specifies the event that fired. The property is read/write. The property has no default value.Expressions can be used in place of the preceding value(s), as of Microsoft?Internet Explorer 5. For more information, see Dynamic Properties.ExampleThis example uses the srcElement property to retrieve the parent object, if needed, create the text range, move to the original object, and select the first word in the object.<SCRIPT LANGUAGE="JScript">
function selectWord() {
    var oSource = window.event.srcElement ;
    if (!oSource.isTextEdit) 
        oSource = window.event.srcElement.parentTextEdit;
    if (oSource != null) {
        var oTextRange = oSource.createTextRange();
        oTextRange.moveToElementText(window.event.srcElement);
        oTextRange.collapse();
        oTextRange.expand("word");
        oTextRange.select();
    }
}
</SCRIPT>

Answer 2

fromElement Attribute | fromElement Property--------------------------------------------------------------------------------Retrieves the object the mouse pointer is exiting during the onmouseover and onmouseout events. SyntaxHTML < fromElement = oObject ... >  
Scripting event.fromElement [ = oObject ] Possible ValuesoObject Object that specifies or receives the previous location of the mouse pointer. The property is read/write. The property has no default value.Expressions can be used in place of the preceding value(s), as of Microsoft?Internet Explorer 5. For more information, see Dynamic Properties.ExampleIn this example, the alert returns "mouse arrived" when the mouse pointer moves over the button.<SCRIPT>
function testMouse(oObject) {
if(!oObject.contains(event.fromElement)) {
alert("mouse arrived");
}
}
</SCRIPT>
:
<BUTTON ID=oButton onmouseover="testMouse(this)">Mouse Over This.</BUTTON>

Answer 3

toElement Attribute | toElement Property--------------------------------------------------------------------------------Retrieves a reference to the object to which the user is moving the mouse pointer.SyntaxHTML < toElement = oObject ... >  
Scripting event.toElement [ = oObject ] Possible ValuesoObject Object爐hat specifies the object being moved to by the mouse. The property is read/write. The property has no default value.Expressions can be used in place of the preceding value(s), as of Microsoft?Internet Explorer 5. For more information, see Dynamic Properties.ExampleThis example uses the toElement property to display the tagName of the object to which the user moves the mouse pointer.<SCRIPT>
function fnGetTo(){
   spanTo.innerHTML=window.event.toElement.tagName;
}</SCRIPT>
:
<SPAN onmouseout="fnGetTo()">
   <P>Mouse Over This</P>
   <P>toElement: <SPAN ID="spanTo"></SPAN></P>
</SPAN>