<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午夜成人片精品网站| 中文字幕成人免费高清在线视频| 亚洲AV成人潮喷综合网| 丁香六月婷婷精品免费观看| 亚洲国产一成久久精品国产成人综合 | 久久精品国产精品亚洲下载| h视频在线免费观看| 亚洲中文字幕无码一区二区三区 | 97视频免费观看2区| 亚洲精品国产免费| 久久这里只有精品国产免费10| 国产成+人+综合+亚洲专| 午夜毛片不卡免费观看视频| 噜噜综合亚洲AV中文无码| 国产一级高清免费观看| 国产成人自产拍免费视频| 亚洲国产成人片在线观看无码| 日本免费人成视频在线观看| 色婷五月综激情亚洲综合| 免费va在线观看| 永久免费av无码网站yy| 亚洲欧洲精品视频在线观看| 成人免费看吃奶视频网站| 牛牛在线精品免费视频观看| 久久亚洲国产视频| 久久久久国产精品免费免费搜索| 日韩免费在线中文字幕| 亚洲AV无码一区二区三区系列 | AV免费网址在线观看| 深夜A级毛片视频免费| 亚洲AV无码码潮喷在线观看 | 国产麻豆视频免费观看| 香蕉视频免费在线播放| 亚洲精品私拍国产福利在线| 成年18网站免费视频网站| 又黄又大的激情视频在线观看免费视频社区在线 | 亚洲日产韩国一二三四区|