双击文字后实现编辑文本功能代码,JS代码库,德仔网

代码语言

代码分类

【JS】双击文字后实现编辑文本功能

作者:dezai / 发布于2014/6/25/ 555

双击文字后实现编辑文本功能


	<!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>无标题文档</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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　编辑文本　　双击　

同语言下

可能有用的

dezai贡献的其它代码(1065)