+ -
当前位置:首页 → 问答吧 → jquery问题

jquery问题

时间:2010-09-24

来源:互联网

$(function(){
  var numTd = $("tbody td");
  numTd.click(function(){
  var tdObj = $(this);
  if(tdObj.children("input").length > 0){
  return false ;
  }
  var text = tdObj.html();
  tdObj.html("");
  //在选择TD时插入文本框
  var inputObj = $("<input type='text'>").css("border-width","0").css("font-size","14px").width(tdObj.width()).val(text).appendTo(tdObj);
  //让文本框处于选中状态
  inputObj.trigger("focus").trigger("select");
  //在点击鼠标时使事件不传到TD上
  inputObj.click(function(){
  return false;
  });
  //EVENT可以获取键盘按键时的值
  inputObj.keyup(function(event){
  var keyCode = event.which;
  //按下回车
  if (keyCode == 13)
  { //alert('aaa');
  var inputText = $(this).val();
  tdObj.html(inputText);
   
  }
  //按下ESC
  if (keyCode == 27)
  {
  tdObj.html(text);
  }
  });
  });
});
这么写 为什么不能按回车 使编辑表格后的内容改变

作者: buyaoJJYY   发布时间: 2010-09-24

JScript code
<script type="text/javascript">
        $(function(){
          var numTd = $("tbody td");
          numTd.click(function(){
              var tdObj = $(this);
              if(tdObj.children("input").length > 0){
                  return false ;
              }
              var text = tdObj.html();
              tdObj.html("");
              //在选择TD时插入文本框
              var inputObj = $("<input type='text'>").css("border-width","0").css("font-size","14px").width(tdObj.width()).val(text).appendTo(tdObj);
              //让文本框处于选中状态
              inputObj.trigger("focus").trigger("select");
              //在点击鼠标时使事件不传到TD上
              inputObj.click(function(){
                  return false;
              });
              //EVENT可以获取键盘按键时的值
              inputObj.keyup(function(event){
                    event = event || window.event;//兼容浏览器
                  var keyCode = event.which || event.keyCode || event.charCode;//兼容浏览器,IE是keyCode
                  //按下回车
                  if (keyCode == 13)
                  { //alert('aaa');
                      var inputText = $(this).val();
                      tdObj.html(inputText);
                   
                  }
                  //按下ESC
                  if (keyCode == 27)
                  {
                      tdObj.html(text);
                  }
              });
          });
        });
    </script>

作者: IBM_hoojo   发布时间: 2010-09-25