求一js，有示例说明


<html>
<head><title>Test</title></head>
<body>
    <table>
      <tr><td id="td1" onclick="function1(this)">aaa<td></tr>
    </table>
</body>
</html>
<script>
    function function1(obj)
    {
      obj.innerText = "bbb";
    }
</script>我现在想实现的就是当单击这个td1单元格时，td1显示的是"bbb"，当鼠标点击除了td1的其他页面位置时，td1的内容恢复为aaa
各路神仙，请赐教！`
先谢过！~

解决方案 »

  1.   


    <html>
    <head><title>Test</title></head>
    <script>
    var curText;
    var curObj;
    function function1(obj)
    {
       curText = obj.innerText;
       curObj = obj;
       obj.innerText = "bbb";
       event.cancelBubble = true;
    }
    function fun2(){
    curObj.innerText = curText;
    }
    </script>
    <body onclick="fun2();">
        <table>
          <tr><td id="td1" onclick="function1(this)">aaa<td></tr>
        </table>
    </body>
    </html>
      

  2.   

    单击好象不好做.鼠标移动到是可以.
    用onMouseOver和onMouseOut
    <html>
    <head><title>Test</title></head>
    <body>
        <table>
          <tr><td id="td1" onMouseOver="this.innerText='bbb'" onMouseOut="this.innerText='aaa'" >aaa<td></tr>
        </table>
    </body>
    </html>
      

  3.   

    1楼把事件加在body中,我没想到.
      

  4.   

    楼主的要求很简单,你们都把简单的问题复杂化了.应该是:
    <table border="1" width="50%">
    <tr>
    <td id="td1" onFocus="this.innerText='bbb'" onBlur="this.innerText='aaa'">aaa</td>
    <td>单元格2</td>
    </tr>
    </table>