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

          







          
	    
    




          








          

				

          







    







          
        
	




主站蜘蛛池模板：
海晏县|
湟源县|
都匀市|
观塘区|
洛宁县|
青河县|
冷水江市|
深州市|
东平县|
大渡口区|
叶城县|
五常市|
交城县|
德安县|
广德县|
凌源市|
肥乡县|
马龙县|
聂拉木县|
商水县|
郎溪县|
德令哈市|
洪江市|
许昌市|
含山县|
巴中市|
鄂伦春自治旗|
东明县|
太仆寺旗|
苍溪县|
特克斯县|
芦溪县|
上思县|
洮南市|
巨野县|
从化市|
永福县|
无棣县|
德阳市|
镇坪县|
酒泉市|