• 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>   
  • 相关阅读:
    cassandra安装
    002 spring boot框架,引入mybatis-generator插件,自动生成Mapper和Entity
    033 SSM综合练习09--数据后台管理系统--基于AOP的日志处理
    032 SSM综合练习08--数据后台管理系统--jsp页面显示当前用户名
    031 SSM综合练习07--数据后台管理系统--用户详情查询
    030 SSM综合练习06--数据后台管理系统--SSM权限操作及Spring Security入门
    029 SSM综合练习05--数据后台管理系统--订单分页查询
    027 SSM综合练习03--数据后台管理系统--product-list.jsp和main.jsp页面制作
    Idea 目录结构下有红色波浪线
    virtualbox上,android x86 的分辨率的设置
  • 原文地址:https://www.cnblogs.com/zhwl/p/2359367.html
Copyright © 2020-2023  润新知