[转]event.srcElement
获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。
注意获取的标记都以大写表示,如"TD","TR","A"等。
偶应用event.srcElement把以前的一个代码重写了下,扩展了其功能,很简单的一段代码。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
5 <head>
6 <title></title>
7 <script type="text/javascript">
8 function tdclick(){
9 if(event.srcElement.tagName.toLowerCase()=='td')
10 alert("行:"+(event.srcElement.parentNode.rowIndex+1)+"列:"+(event.srcElement.cellIndex+1));
11 }
12 </script>
13 </head>
14 <body>
15 <table align="center" onclick="tdclick()" width="100%" height="400" cellspacing="1" border="1" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#C0C0C0" bgcolor="#C0C0C0">
16 <tr>
17 <td> </td>
18 <td> </td>
19 <td> </td>
20 <td> </td>
21 </tr>
22 <tr>
23 <td> </td>
24 <td> </td>
25 <td> </td>
26 <td> </td>
27 </tr>
28 <tr>
29 <td> </td>
30 <td> </td>
31 <td> </td>
32 <td> </td>
33 </tr>
34 </table>
35 </body>
36 </html>
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
5 <head>
6 <title></title>
7 <script type="text/javascript">
8 function tdclick(){
9 if(event.srcElement.tagName.toLowerCase()=='td')
10 alert("行:"+(event.srcElement.parentNode.rowIndex+1)+"列:"+(event.srcElement.cellIndex+1));
11 }
12 </script>
13 </head>
14 <body>
15 <table align="center" onclick="tdclick()" width="100%" height="400" cellspacing="1" border="1" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#C0C0C0" bgcolor="#C0C0C0">
16 <tr>
17 <td> </td>
18 <td> </td>
19 <td> </td>
20 <td> </td>
21 </tr>
22 <tr>
23 <td> </td>
24 <td> </td>
25 <td> </td>
26 <td> </td>
27 </tr>
28 <tr>
29 <td> </td>
30 <td> </td>
31 <td> </td>
32 <td> </td>
33 </tr>
34 </table>
35 </body>
36 </html>
浙公网安备 33010602011771号