<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 閱讀(214) 評論(0)  編輯  收藏  所屬分類: ajax/jquery/js 
    

    







    
	    
    




    








    

				

    







    







    
        
	



主站蜘蛛池模板：
欧洲乱码伦视频免费国产|
久久精品国产亚洲av品善|
国产成人精品一区二区三区免费|
亚洲不卡AV影片在线播放|
老司机午夜性生免费福利
|
国产偷国产偷亚洲清高动态图|
羞羞视频免费网站含羞草|
国产乱色精品成人免费视频
|
成人毛片免费观看视频在线|
99久久国产亚洲综合精品|
成全高清视频免费观看|
日韩欧美亚洲中文乱码|
亚洲成a人片在线观看国产|
好湿好大好紧好爽免费视频|
久久91亚洲人成电影网站|
3d成人免费动漫在线观看|
国产精品高清视亚洲一区二区|
日本不卡高清中文字幕免费|
一区二区免费电影|
亚洲精品高清视频|
岛国av无码免费无禁网站|
国产亚洲漂亮白嫩美女在线|
精品国产亚洲男女在线线电影|
免费视频精品一区二区三区|
亚洲大尺码专区影院|
国产在线不卡免费播放|
91视频免费网站|
色妞www精品视频免费看|
香港特级三A毛片免费观看|
自拍日韩亚洲一区在线|
女人18一级毛片免费观看|
污视频网站免费观看|
亚洲VA成无码人在线观看天堂
|
最刺激黄a大片免费网站|
亚洲日韩一区二区三区|
亚洲无线观看国产精品|
一二三四免费观看在线视频中文版|
免费人成大片在线观看播放电影|
久久亚洲精品成人|
四虎影视永久免费视频观看|
免费国产成人午夜在线观看|