{//编辑效果开始
$("#productTable tbody tr").each(function ()
{var trID = $(this).find("td").eq(1);//给这些单元格注册事件,不需要用循环jq会把所有的td的事件都注册上
trID.bind("click", function ()
{//找到当前鼠标点击的td,this对应了的就是响应了click的那个td
var objtd = $(this);//判断objtd中是否存在文本框控件
if (objtd.children("input").length > 0)
{//当前td的input不执行click
return false;
}//需要将当前td中的内容放到文本框中
var text =objtd.html();//清空td中的内容
objtd.html("");var inputObj = $("")
.css("border-width", "1")
.css("font-size", "16px")
.css("background-color", "#CCCCCC")
.css("margin", "1,1,1,1")
.width(objtd.width())
.val(text).appendTo(objtd);//文本插入之后默认选中
inputObj.get(0).select();//文本框属于td解决在文本框上点击时不将事件传回td中
inputObj.click(function ()
{return false;
});//处理回车和esc的操作
inputObj.keyup(function (event)
{var keycode = event.which;//处理回车情况
if (keycode == 13)
{if (confirm("你确认要修改么"))
{
objtd.html(text);
}else{//将内容恢复成text中的内容
objtd.html($(inputObj).val());
}
}//处理esc情况
if (keycode == 27)
{
alert("恢复");//将内容恢复成text中的内容
objtd.html(text);
}
});
});
});
});
序号名字
1
楼主好萌2
楼主好萌3
楼主好萌4
楼主好萌