需要学习资料的+微信公众号 学习资源后台找我
本人比较忙 我看到了会在后台帮你,谢谢关注啦
![](https://img-blog.csdn.net/20171023140236363?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxNDEzNjcxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
JS代码如下:
$(document).ready(function(){
var tds =$("td");
tds.click(tdclick);
});
function tdclick(){
var td =$(this);
var tdtext =td.text();
td.html("");
var inputtext =$("<input>");
inputtext.attr("value",tdtext);
inputtext.keyup(function(event){
var keycode = event || window.event;
var code =keycode.keyCode;
if(code == 13){
var inputtext =$(this);
var tdtext =inputtext.val();
var ts =inputtext.parent();
ts.html(tdtext);
ts.click(tdclick);
}
});
td.append(inputtext);
var aa =inputtext.get(0);
aa.select();
td.unbind();
};
HTML代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JQueryEdit</title>
<!--<link type="text/css" rel="stylesheet" href="css/edit.css" />-->
<script type="text/javascript" src="jslib/jquery-2.1.4.js"></script>
<script type="text/javascript" src="jslib/jqueryedit.js"></script>
</head>
<body>
<table border="1">
<tbody>
<tr>
<td>123123</td>
<td>456456</td>
</tr>
</tbody>
</table>
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)