这个也就是在div里加上onclick事件呀。

解决方案 »

  1.   


    单击div(层)->隐藏层单击div(层)->表格(通过位置找到)->调用表格接口
      

  2.   

    shangxinyu123(龙) 的回答还是不可行.
    作DELPHI开发里有消息传递下去的概念不知道JS有没有,希望更多人回答一下我的问题.
      

  3.   

    JS事件是向上传递的,是冒泡事件。你可以直接在点击上层div的时候用fireEvent
    语法:bFired = object.fireEvent(sEvent [, oEventObject])
      

  4.   

    更正一下:
    应该是DHTML事件,而不是JS事件
      

  5.   

    我的目的是在div点击后隐藏DIV并把单击作用于它背后的元素如何作,能不能再具体点?谢谢了.
      

  6.   

    就是div点击事件里面
    {
          后面的表格.fireEvent("onclick")
    }////后面的表格立即触发单击事件
      

  7.   

    研究一下DOM事件机制吧http://www.blogjava.net/mxx/archive/2006/11/16/81626.html
    DOM2中的高级事件处理 译的不好,原文在犀牛书5th 17.2章节
      

  8.   

    定义一个数组,在click div的时候获取鼠标的坐标,然后根据坐标判断底下的是哪个表格,再调用该表格的相关事件。
      

  9.   

    例子:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> New Document </title>
    <script language="javascript">var tabArr=new Array();//获取所有table的坐标
    function initArr()
    {
    var tabs=document.getElementsByTagName("TABLE");
    for(i=0;i<tabs.length;i++)
    {
    var tabRng=new Array();
    {
    tabRng[0]=tabs[i].offsetLeft;
    tabRng[1]=tabs[i].offsetTop;
    tabRng[2]=tabs[i].offsetLeft+tabs[i].scrollWidth;
    tabRng[3]=tabs[i].offsetTop+tabs[i].scrollHeight;
    }
    tabArr[i]=tabRng;

    }
    function clickDiv()
    {
    e=event;
    document.getElementById("Layer1").style.display="none";
    dd(e);
    }function dd(e)
    {
    if(e!=null)
    {
    //alert(e.clientX);
    var tab=null;
    for(i=0;i<tabArr.length;i++)
    {
    //获得后面的table对象
    if(e.clientX>tabArr[i][0] && e.clientX<tabArr[i][2] && e.clientY>tabArr[i][1] && e.clientY<tabArr[i][3])
    {
    tab=document.getElementsByTagName("TABLE")[i];
    clickTab(tab);
    break;
    }
    }
    }
    }
    function clickTab(obj)
    {
    alert(obj.id+" click method is invoked!");
    }
    </script>
    </head><body onload="initArr()">
    <table id="tab1" width="200" border="1" cellspacing="0" cellpadding="0" onclick="clickTab(this)">
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="90">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <table id="tab2" width="200" border="1" cellspacing="0" cellpadding="0" onclick="clickTab(this)">
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="90">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <div id="Layer1" style="position:absolute; left:19px; top:20px; width:153px; height:99px; border:1px solid #F00;background-color:#FF0;z-index:1" onclick="clickDiv()"></div></body>
    </html>