<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "HTML://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd">
<HTML xmlns="HTML://www.w3.org/1999/xHTML">
<head>
<meta HTML-equiv="Content-Type" content="text/HTML; charset=gb2312" />
<meta name="author" content="wuleying">
<title>javascript 双击文本框编辑功能代码</title>
<style>
input.t {border:1px solid #fff;background:#fff;}
input.s {border:1px solid #369;background:#fff;}
</style>
</head>
<body>
<input class="t" id="test" readonly value="这里是标题,双击文字后实现编辑文本功能" /><input type="submit" value="修改" style="display:none;" id="submit" />
<script type="text/javascript">
var test = document.getElementById("test");
var mysubmit = document.getElementById("submit");
test.ondblclick = function()
{
this.readOnly = false;
this.className = "s";
//脚本之家说明 主要是通过控制样式来实现文本的样式和文本框样式的切换
mysubmit.style.display = "";
}
mysubmit.onclick = function()
{
test.readOnly = true;
test.className = "t";
this.style.display = "none";
}
</script>
</body>
</HTML>
来自：http://www.jb51.net/article/16991.htm
分享到：
相关推荐
javascript 双击文本框编辑功能代码 input.t {border:1px solid #fff;background:#fff;} input.s {border:1px solid #369;background:#fff;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
公司某些员工的Excel感染了Startup宏病毒, 杀毒软件查不出来. 手工清理很麻烦, 写了个专杀. ...菜单调出"关键模块名"和"关键命令"的文本框编辑好之后,可以双击文本框保存. 双击表格可以清空上次查杀的结果重新开始
一些用户资料可以直接双击出现文本框，并在此输入新的资料即可修改，无需再按确定按钮等。。 我在网上查了很多资料，但都有一个小bug，就是当获取焦点后，光标的位置在文本框内容是开始处，这样编辑时还需要用户再...
生成java代码时，按Run按钮即可，会生成两个文件，一个是.java文件,另一个是.xml文件,是用来下一次继续编辑布局使用,具体使用方法是--右边的工具栏的菜单栏那，File---open---找到.xml文件即可 其实程序有很多可以...
方法是：选定课程库中的记录，在文本框中双击即可自动添入。如果您要删除记录的话同样可以双击数据列表框弹出删除工具栏。 7.单击“专业管理”按钮将弹出登陆对话框，只要进行软件注册即可得到用户名与密码。赶快...
方法是：选定课程库中的记录，在文本框中双击即可自动添入。如果您要删除记录的话同样可以双击数据列表框弹出删除工具栏。 7.单击“专业管理”按钮将弹出登陆对话框，只要进行软件注册即可得到用户名与密码。赶快...
单击单元格，即可将其变为文本框，方便编辑测试
5.8 双击后，网页自动滚屏 6、树型结构。 6.1 asp+SQL版 6.2 asp+xml+sql版 6.3 java+sql或者java+sql+xml 7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10，画图类，含饼、柱、矢量贝滋曲线 11...
5.8 双击后，网页自动滚屏 6、树型结构。 6.1 asp+sql版 6.2 asp+xml+sql版 6.3 java+sql或者java+sql+xml 7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10，画图类，含饼、柱、矢量贝滋曲线 11...
注意：请在谷歌中运行这个网页。 ...内容涉及一般的表单操作。...双击事件可以对事件进行编辑（只能编辑一次，原因还没有找到）。关闭网页后，重新加载时原数据会保留。 资源免费分享给大家，希望与大家共勉。
5.8 双击后，网页自动滚屏 6、树型结构。 6.1 asp+SQL版 6.2 asp+xml+sql版 6.3 java+sql或者java+sql+xml 7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10，画图类，含饼、柱、矢量贝滋曲线 11，操纵...
2个目标文件，提供基本的音乐编辑功能。编辑音乐软件的朋友，这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件，EJB来模拟银行ATM机的流程及操作：获取系统属性...
很小但是功能却很强大，编辑网页可以随时预览，能够多人工作。 附使用手册： Editplus使用技巧 技巧中，在编译器集成例子中参照了部分官方的文献。有几篇是从网上搜集来的，这里我注明了来源或原始作者。如果你是...
主要是以下功能的代码： 一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数 （用于传来的id的验证) 1.3 负整数的验证 1.4 整数不能大于imax 1.5 整数不能小于imin 2、时间类 2.1 短时间，形如 (13:...
2个目标文件，提供基本的音乐编辑功能。编辑音乐软件的朋友，这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件，EJB来模拟银行ATM机的流程及操作：获取系统...
2个目标文件，提供基本的音乐编辑功能。编辑音乐软件的朋友，这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件，EJB来模拟银行ATM机的流程及操作：获取系统属性...
也支持使用系统编辑器来编辑代码文件。 4、内置基于文件内容的关键字或多行代码段的搜索、替换引擎，一键搜索替换，搜索结果以标签的形式分门别类；允许在指定搜索范围（整个工程或选中的文件或文件夹内搜索），支持...
2个目标文件，提供基本的音乐编辑功能。编辑音乐软件的朋友，这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件，EJB来模拟银行ATM机的流程及操作：获取系统属性...