• event.srcElement应用练习


    轉自:http://www.cnitblog.com/yemoo/archive/2006/06/21/12637.aspx
    js學習:http://www.cnitblog.com/yemoo/category/3107.html
    DHTML開發手冊:http://www.hbcms.com/main/dhtml/index.html

    感觉这个挺好,可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。
    注意获取的标记都以大写表示,如"TD","TR","A"等。

    偶应用event.srcElement把以前的一个代码重写了下,扩展了其功能,很简单的一段代码。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      
    <title></title>
      
    <script type="text/javascript">
        
    function tdclick(){
            
    if(event.srcElement.tagName.toLowerCase()=='td')
                alert(
    "行:"+(event.srcElement.parentNode.rowIndex+1)+"列:"+(event.srcElement.cellIndex+1));
        }
      
    </script>
    </head>
    <body>
    <table align="center" onclick="tdclick()" width="100%" height="400" cellspacing="1" border="1" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#C0C0C0" bgcolor="#C0C0C0">
      
    <tr>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
      
    </tr>
      
    <tr>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
      
    </tr>
      
    <tr>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
      
    </tr>
    </table>
    </body>
    </html>

    申明

    非源创博文中的内容均收集自网上,若有侵权之处,请及时联络,我会在第一时间内删除.再次说声抱歉!!!

    博文欢迎转载,但请给出原文连接。

  • 相关阅读:
    php -- php数组相关函数
    php -- 数组排序
    php -- in_array函数
    php -- 魔术方法 之 删除属性:__unset()
    无符号整型与有符号整型相运算规则
    N个节点的二叉树有多少种形态
    getopt_long
    typedef
    约瑟夫环问题算法(M)
    C语言基础
  • 原文地址:https://www.cnblogs.com/Athrun/p/1194501.html
Copyright © 2020-2023  润新知