关于srcElement,fromElement,toElement函数的区别
在DHTML中上面三个函数的区别是什么,请清楚的告诉我! 谢谢 问题点数:20、回复次数:4Top
1 楼xuzuning(唠叨)回复于 2003-11-03 08:34:40 得分 10
首先这三个不是函数,是属性
srcElement 产生事件的节点(DHTML对象)
当当前事件有移动成分时,如onmouseover、onmouseout等
fromElement、toElement
表示移动事件的两个端点Top
2 楼zhfkiller(杀手)回复于 2003-11-03 08:34:50 得分 10
srcElement Attribute | srcElement Property
--------------------------------------------------------------------------------
Retrieves the object that fired the event.
Syntax
HTML < srcElement = oObject ... >
Scripting event.srcElement [ = oObject ]
Possible Values
oObject 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.
Example
This 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>Top
3 楼zhfkiller(杀手)回复于 2003-11-03 08:35:38 得分 0
fromElement Attribute | fromElement Property
--------------------------------------------------------------------------------
Retrieves the object the mouse pointer is exiting during the onmouseover and onmouseout events.
Syntax
HTML < fromElement = oObject ... >
Scripting event.fromElement [ = oObject ]
Possible Values
oObject 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.
Example
In 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>Top
4 楼zhfkiller(杀手)回复于 2003-11-03 08:35:59 得分 0
toElement Attribute | toElement Property
--------------------------------------------------------------------------------
Retrieves a reference to the object to which the user is moving the mouse pointer.
Syntax
HTML < toElement = oObject ... >
Scripting event.toElement [ = oObject ]
Possible Values
oObject 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.
Example
This 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>
Top




