双击编辑功能如何实现

作者：wuleying 来源：蓝色理想时间：2008-02-26 16:17:00　

双击编辑功能如何实现：

例如：标题（鼠标双击“标题”文字即出现可编辑的输入框形式及提交按钮） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="author" content="wuleying"> <title>双击编辑功能如何实现 - asp之家</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>

标签：双击,编辑,按钮

投稿

双击编辑功能如何实现

猜你喜欢

iframe的防插与强插（二）

Oracle误添加数据文件删除方法

pip安装Python库时遇到的问题及解决方法

python如何支持并发方法详解

python项目对接钉钉SDK的实现

条件CSS的使用[译]

python 实现docx与doc文件的互相转换

openCV入门学习基础教程第三篇

String 的扩展方法

python通过ffmgep从视频中抽帧的方法

MySQL 数据库语句优化的原则

MySql nion与Limit查询介绍

兼容firefox的给每一个onClick再附加一个事件

Python实现将wav转amr,并转换成hex数组

Mysql Innodb 引擎优化

jupyter .ipynb转.py的实现操作

python网络爬虫实战

MySQL性能分析工具profile使用教程

Python ZipFile模块详解

无刷新dropdownlist并进行关联（js+xml)