您当前的位置：首页 > 前端开发

IE event.srcElement与FF event.target

时间：2012-09-11  来源：零基础编程入门教程网|快速学会网站建设【asp.net容易】  作者：Lynn  点击：

摘要：IE event.srcElement与FF event.target
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona

支持3lshow.com——asp.net入门教程，asp.net视频教程，asp.net实例教程【asp.net教程网】

    IE event.srcElement与FF event.target区别，请测试如下代码，看到效果。

    <!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(evt){

        evt=evt?evt:window.event
        if(document.all)
        {
            if(evt.srcElement.tagName.toLowerCase()=='td')
                 alert("行："+(evt.srcElement.parentNode.rowIndex+1)+"列："+(evt.srcElement.cellIndex+1));
        }
        else
        {
         if(evt.target.tagName.toLowerCase()=='td')
                 alert("行："+(evt.target.parentNode.rowIndex+1)+"列："+(evt.target.cellIndex+1));
            //alert(evt);
        }
         }
    window.onload=function(){
    var obj=document.getElementsByTagName("table")
    for(i=0;i<obj.length;i++){
        obj[i].onclick=tdclick;
    }
    }
      </script>
    </head>
    <body>
    <table align="center" width="100%" height="400" cellspacing="1" border="1" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#C0C0C0" bgcolor="#C0C0C0">
      <tr>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>
    </body>
    </html>

     

上一篇：CSS兼容IE6 IE7和FF的总结    下一篇：经典JS代码网页中的事件收集【JS特效兼容不同浏览器】