zoukankan      html  css  js  c++  java
  • 关于srcElement,fromElement,toElement dodo

                            
    首先这三个不是函数,是属性 srcElement 产生事件的节点(DHTML对象) 当当前事件有移动成分时,如onmouseover、onmouseout等 fromElement、toElement 表示移动事件的两个端点
    Top
    ?
                            
    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
    ?
                            
    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
    ?
                            
    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>
  • 相关阅读:
    JQuery学习笔记(1)——选择器
    Web前端——表单提交和Js添加选项
    Web前端——JavaScript练习
    Web前端——css
    Web前端——JavaScript笔记
    sirius的学习笔记(2)
    sirius的python学习笔记(1)
    Get和Post的请求
    IIS的配置
    一般处理程序aspx
  • 原文地址:https://www.cnblogs.com/zgqys1980/p/482278.html
Copyright © 2011-2022 走看看