zoukankan      html  css  js  c++  java

  • window.event.srcElement (转)

    srcElement  
    event.srcElement指向触发事件的node元素  
      用于确定事件源
    是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法.  

    Html代码 复制代码 收藏代码
    1. <HTML>      
    2.   <HEAD>      
    3.   <TITLE>srcElement   Property</TITLE>      
    4.   <STYLE   TYPE="text/css">      
    5.   .bold   {font-weight:bold}      
    6.   .ital   {font-style:italic}      
    7.   </STYLE>      
    8.   <SCRIPT   LANGUAGE="JavaScript">      
    9.   function   highlight()   {      
    10.   var   elem   =   event.srcElement      
    11.   if   (elem.className   ==   "bold")   {      
    12.   document.styleSheets[0].rules[0].style.color   =   "red"      
    13.   }   else   {      
    14.   elem.style.color   =   "#FFCC00"      
    15.   }      
    16.   }      
    17.   function   restore()   {      
    18.   var   elem   =   event.srcElement      
    19.   if   (elem.className   ==   "bold")   {      
    20.   document.styleSheets[0].rules[0].style.color   =   ""      
    21.   }   else   {      
    22.   elem.style.color   =   ""      
    23.   }      
    24.   }      
    25.   </SCRIPT>      
    26.   </HEAD>      
    27.   <BODY   onMouseDown="highlight()"   onMouseUp="restore()">      
    28.   <H1>srcElement   Property</H1>      
    29.   <HR>      
    30.   <P>One   event   handler...</P>      
    31.   <UL>      
    32.   <LI>Can      
    33.   <LI>Cover      
    34.   <LI>Many      
    35.   <LI>Objects      
    36.   </UL>      
    37.   <P>      
    38.   Lorem   ipsum   dolor   sit   amet,   consectetaur   adipisicing   elit,        
    39.   <SPAN   CLASS="bold">sed   do   </SPAN>eiusmod   tempor   incididunt        
    40.   <SPAN   CLASS="ital">ut   labore   et   </SPAN>dolore   magna   aliqua.        
    41.   Ut   enim   adminim   veniam,   <SPAN   CLASS="bold">quis   nostrud        
    42.   exercitation   </SPAN>ullamco   laboris   nisi   ut   aliquip   ex   ea        
    43.   <SPAN   CLASS="bold">commodo   consequat</SPAN>.      
    44.   </P>      
    45.   </BODY>      
    46.   </HTML>   
  • 相关阅读:
    转载 如何去掉超链接文字下的下划线
    Fedora 15安装 VirtualBox 4.1
    庆祝开通！
    Delphi直接读写XML修改版
    Perforce的资料一点也没查到
    AxWebBrowser的Navigate2方法写参数的偷懒方法
    腾讯2012实习生面试
    如何让div在IE6下自适应
    PhpStorm修改字体
    监听url
  • 原文地址：https://www.cnblogs.com/zhwl/p/2359367.html
Copyright © 2011-2022 走看看