<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-124  評論-49  文章-56  trackbacks-0
    1腳本jqueryedit.js

    //在頁面裝載時,讓所有的td都有一個點擊事件
    $(document)ready(function(){
        
    //找到所有的td節點
        var tds=$("td");
        
    //給所有的td節點增加點擊事伯
        tds.click(function(){
          
    //0保存當前的td節點
          var td=$(this);
            
    //1取出td里面的內容
            var text=td.text();
            
    //2清空td里面的內容
            td.html("");//也可以用td.empty();
            //3建立一個文本框,也就是input的元素節點
            var input=$("<input>");
            
    //4設置文本框的值是保存起來的文本內容
            input.attr("value",text);//設置屬性值
            //4.5讓文本框可以響應鍵盤按下事件,主要用于處理回車確認
            input.keyup(function(event){
              
    0.獲取當前用戶按下的鍵值
              
    var myEvent=event||window.event;
              
    var kcode=myEvent.keyCode;
                
    1.判斷是否是回車按下
                
    if(kcode==13){
                    
    var inputnode=${this};
                    
    //2.保存當前文本框的內容
              var inputtext=inputnode.val();
                    
    //3.清空td里面的肉容
                    var tdNode=inputnode.parent();
                    
    //4.將保存的文本框的空容填充到td中
                    tdNode.html(inputtext);
                    
    //5.讓td重新擁有點擊事件
                    tdNode.click();
                }

            }
    );
            
    //5將文本框加入到td中
            td.append(input);//也可以用input.appendTo(td);加添節點
            //5.5讓文本框里面的文字被高亮選中
            //需要將jquery的對象轉換成dom對象
            var inputdom=input.get(0);
            inputdom.select();
            
    //6移除點擊事件
            td.unbind("click");
        }
    );
    }
    );

    2頁面jqueryEdit.html

    <html>
    <head>
    <script type="text/javascript" src="jslib/jquery.js"></script>
    <script type="text/javascript" src="jslib/jqueryedit.js"></script>
    <head>
    <body>
    <table border="1px">
        
    <tr>
            
    <td>123123</td>
            
    <td>456456</td>
        
    </tr>
    </table>
    </body>
    </html>
    posted on 2009-11-03 10:23 junly 閱讀(224) 評論(0)  編輯  收藏 所屬分類: ajax/jquery/js
    主站蜘蛛池模板: 99久久久精品免费观看国产| 国产精品免费在线播放| 18禁免费无码无遮挡不卡网站| 亚洲精品国精品久久99热一| 九九九精品视频免费| 亚洲最大av资源站无码av网址| 猫咪免费人成网站在线观看| 亚洲码一区二区三区| 亚洲国产成人AV网站| 国产免费黄色大片| 精品免费AV一区二区三区| 亚洲AⅤ无码一区二区三区在线| 老司机福利在线免费观看| 亚洲高清视频一视频二视频三| 一级做a爰性色毛片免费| 亚洲人成人网站色www| 亚洲首页国产精品丝袜| 大学生一级特黄的免费大片视频| 亚洲欧洲免费无码| 91香蕉在线观看免费高清| 91精品国产亚洲爽啪在线观看| 国产免费一区二区三区| 亚洲欧美第一成人网站7777| 免费人成视频在线观看不卡| 亚洲伊人久久大香线蕉在观 | 久久久久久久久亚洲| 91九色视频无限观看免费| 亚洲色图激情文学| 五月婷婷亚洲综合| 日韩视频在线观看免费| 亚洲一区精彩视频| 亚洲人成无码www久久久| 免费无码毛片一区二区APP| 亚洲成A人片在线播放器| 亚洲精品成人网久久久久久| 免费人成网站在线观看不卡| 亚洲欧洲国产综合AV无码久久| 亚洲五月综合缴情在线观看| 91麻豆最新在线人成免费观看| 色www免费视频| 亚洲婷婷在线视频|