JS实现双击编辑可修改状态的⽅法
本⽂实例讲述了JS实现双击编辑可修改状态的⽅法。分享给⼤家供⼤家参考。具体如下：
这是现在流⾏的⼀个表单特效，在⽹页上单击某⽂字，⽂字变为编辑状态，或者是让输⼊新⽂字，这就是JavaScript控制表单的⼀个例⼦，下⾯的这段代码就实现了⽤户名和签名档的双击可编辑功能。
运⾏效果如下图所⽰：
在线演⽰地址如下：
具体代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<title>JS实现双击编辑可修改状态</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript">
function ShowElement(element)
代码运行js特效{
var oldhtml = element.innerHTML;
var newobj = ateElement('input');
//创建新的input元素
//为新增元素添加类型
element.innerHTML = this.value ? this.value : oldhtml;
/
/当触发时判断新增元素值是否为空，为空则不修改，并返回原有值
}
element.innerHTML = '';
element.appendChild(newobj);
newobj.focus();
}
</script>
</head>
<body>
<dl>
<dt>你的⽤户名:</dt>
<dd ondblclick="ShowElement(this)">三⼈⾏团队</dd>
<dt>你的个性档</dt>
<dd ondblclick="ShowElement(this)">我闪故我在</dd>
</dl>
</body>
</html>
希望本⽂所述对⼤家的javascript程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。