资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript 双击文本框编辑功能代码
<!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" /> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20test%20%3D%20document.getElementById(%22test%22)%3B%20%0D%0Avar%20mysubmit%20%3D%20document.getElementById(%22submit%22)%3B%20%0D%0Atest.ondblclick%20%3D%20function()%20%0D%0A%7B%20%0D%0Athis.readOnly%20%3D%20false%3B%20%0D%0Athis.className%20%3D%20%22s%22%3B%20%0D%0A%2F%2F%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6%E8%AF%B4%E6%98%8E%20%E4%B8%BB%E8%A6%81%E6%98%AF%E9%80%9A%E8%BF%87%E6%8E%A7%E5%88%B6%E6%A0%B7%E5%BC%8F%E6%9D%A5%E5%AE%9E%E7%8E%B0%E6%96%87%E6%9C%AC%E7%9A%84%E6%A0%B7%E5%BC%8F%E5%92%8C%E6%96%87%E6%9C%AC%E6%A1%86%E6%A0%B7%E5%BC%8F%E7%9A%84%E5%88%87%E6%8D%A2%20%0D%0Amysubmit.style.display%20%3D%20%22%22%3B%20%0D%0A%7D%20%0D%0Amysubmit.onclick%20%3D%20function()%20%0D%0A%7B%20%0D%0Atest.readOnly%20%3D%20true%3B%20%0D%0Atest.className%20%3D%20%22t%22%3B%20%0D%0Athis.style.display%20%3D%20%22none%22%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </body> </HTML>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程