<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 
    

    







    
	    
    




    








    

				

    







    







    
        
	



主站蜘蛛池模板：
亚洲国产精品无码久久SM|
最新69国产成人精品免费视频动漫
|
永久久久免费浮力影院|
亚洲综合国产成人丁香五月激情|
69影院毛片免费观看视频在线|
亚洲av鲁丝一区二区三区|
很黄很污的网站免费|
亚洲成av人片在线观看无码不卡|
免费看无码特级毛片|
久久精品国产亚洲AV麻豆王友容
|
亚洲免费福利在线视频|
jlzzjlzz亚洲jzjzjz|
国产免费毛不卡片|
亚洲精华国产精华精华液网站|
四虎www免费人成|
国产成人综合亚洲绿色|
亚洲av无码不卡私人影院|
国产精品偷伦视频免费观看了|
最新亚洲成av人免费看|
国产成人一区二区三区视频免费|
亚洲人成网站在线播放影院在线
|
一区二区三区四区免费视频|
亚洲精品午夜久久久伊人|
91精品视频免费|
欧美亚洲精品一区二区|
亚洲综合精品网站|
久久久久久精品免费免费自慰|
亚洲色丰满少妇高潮18p|
免费播放特黄特色毛片|
久久成人免费电影|
亚洲 暴爽 AV人人爽日日碰|
免费在线观看中文字幕|
男的把j放进女人下面视频免费|
亚洲影视一区二区|
国产免费观看视频|
久久永久免费人妻精品|
亚洲av无码有乱码在线观看|
在线a亚洲v天堂网2019无码|
免费影院未满十八勿进网站|
免费观看四虎精品成人|
337p日本欧洲亚洲大胆艺术|