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>   
posted @   郑文亮  阅读(268)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 地球OL攻略 —— 某应届生求职总结
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示
AI IDE Trae