123 | 456 |
------js代码
$(document).ready(function (){
var tds = $("td");
//注册点击事件
tds.click(tdclick);
});
function tdclick(){
//取出td里面的内容保存起来 var td = $(this); var text = td.text(); //清空td里面的内容 td.html(""); //td.empty(); //建一个文本框,即input节点 var input = $(""); //设置文本的值是保存起来的值 input.attr("value",text); //文本框相应事件 input.keyup( function (event){ //获取用户按下的键 //判断按下的事enter键 var myEvent = event || window.event; var keycode=myEvent.keyCode; if(keycode == 13){ var inputNode=$(this); //保存当前文本的内容 var inputext = inputNode.val(); //清空td的内容将文本的内容填充到td中 var tdNode = inputNode.parent(); tdNode.html(inputext); //让td获得click事件 tdNode.click(tdclick); } } ); //见文本添加到td中1 td.append(input); //选中 var inputdom = input.get(0); inputdom.select(); //清除td的click事件 td.unbind("click"); }