问题仔细找,总会找到的。
<!DOCTYPE html>
<html>
<head>
<title>简单的可编辑表格</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
td {
border: 1px red solid;
cursor: pointer;
}
</style>
<script type="text/javascript" src="jslib/jquery.js"></script>
<script type="text/javascript" src="jslib/edit.js"></script>
<!-- <link rel="stylesheet" type="text/css" href="css/edit.css"> -->
</head>
<body>
<table>
<tr>
<td>123</td>
<td>456</td>
</tr>
</table>
</body>
</html>
//当页面加载时执行此方法
$(document).ready(function(){
var tds = $("td");
//对所有的td注册点击事件
tds.click(tdclick);
});
function tdclick() {
var td = $(this);
//保存td中的文本数据
var text = td.text();
//清空td中的数据
td.text("");
//利用JQuery插入一个input标签
var input = $("<input>");
//设置input标签中的值
input.attr("value",text);
//给input注册键盘按下弹起事件
input.keyup(function(event){
//获取键盘按下的code值
var key = event.keyCode;
//判断是否是回车键
if (key == 13){
//获取input的value中值
var ntext = $("input").val();
//将input中的值赋给td
td.html(ntext);
//重新建立td点击事件
td.bind("click",tdclick);
}
});
//将input标签添加到td中
td.append(input);
//将input中的内容选中
input.get(0).select();
//取消td点击事件
td.unbind("click",tdclick);
}
分享到:
相关推荐
02-javaweb-08-JQuery.doc
实验报告.docx佛山科学技术学院-javaweb-注册登录考试页面-实验报告.docx佛山科学技术学院-javaweb-注册登录考试页面-实验报告.docx佛山科学技术学院-javaweb-注册登录考试页面-实验报告.docx佛山科学技术学院-...
JavaWeb-过滤器Filter学习(三)实现用户的自动登录与IP黑名单过滤JavaWeb-过滤器Filter学习(三)实现用户的自动登录与IP黑名单过滤JavaWeb-过滤器Filter学习(三)实现用户的自动登录与IP黑名单过滤JavaWeb-过滤器Filter...
JavaWeb-疫情数据分析和查看系统,小白必看! JavaWeb-疫情数据分析和查看系统,小白必看! JavaWeb-疫情数据分析和查看系统,小白必看! JavaWeb-疫情数据分析和查看系统,小白必看! JavaWeb-疫情数据分析和查看...
基于javaWeb-springboot+mybatis+materializecss 图书销售系统,全栈web开发学习,毕设 基于javaWeb-springboot+mybatis+materializecss 图书销售系统,全栈web开发学习,毕设 基于javaWeb-springboot+mybatis+...
JavaWeb-基于SSM的兼职论坛,前后端分离系统,新手必学! JavaWeb-基于SSM的兼职论坛,前后端分离系统,新手必学! JavaWeb-基于SSM的兼职论坛,前后端分离系统,新手必学! JavaWeb-基于SSM的兼职论坛,前后端分离...
JavaWeb-基于SSM的民宿网站系统,前后端分离系统,新手必学! JavaWeb-基于SSM的民宿网站系统,前后端分离系统,新手必学! JavaWeb-基于SSM的民宿网站系统,前后端分离系统,新手必学! JavaWeb-基于SSM的民宿网站...
JavaWeb-基于SSM的教务管理系统,前后端分离系统,新手必学! JavaWeb-基于SSM的教务管理系统,前后端分离系统,新手必学! JavaWeb-基于SSM的教务管理系统,前后端分离系统,新手必学! JavaWeb-基于SSM的教务管理...
JavaWeb-基于SSM的流浪猫狗救助网站,前后端分离系统,新手必学! JavaWeb-基于SSM的流浪猫狗救助网站,前后端分离系统,新手必学! JavaWeb-基于SSM的流浪猫狗救助网站,前后端分离系统,新手必学! JavaWeb-基于...
Javaweb-第二讲Javaweb-第二讲
Javaweb-网上书城项目实验报告书-课程设计报告书,自己去买独立完成的项目,
JavaWeb--Excel下载所需jar包,JavaWeb--Excel下载所需jar包
javaweb-QQZONE-JavaWeb.zip
JSP+servlet+javabean学习 ...JavaWeb07-javaWeb模式.rar JavaWeb08-DBUtil.rar JavaWeb09-EL与JSTL.rar JavaWeb10-分页应用.rar JavaWeb11-图片验证码.rar JavaWeb12-文件上传.rar JavaWeb13-过滤器与监听器.rar
02-javaweb-13-WEB项目实战-黑马面面01.doc
JavaWeb-03(JavaScript 和BOM)
jQuery jquery中效果 案例1-弹出广告 选择器总结 案例2-隔行换色 属性和css操作总结 对属性的操作 对css操作 案例3-全选或者全不选 jQuery数据遍历、val设置、标签设置、元素创建 案例4-省市联动 选择...
自存-javaweb-ssm-spring-springboot-html-vanta.js
02-javaweb-11-redis.doc
02-javaweb-12-Maven.doc