文本框获取焦点的时候默认值消失，当默认值发生改变时文本框内容为改变后的内容

最新推荐文章于 2021-11-09 18:56:37 发布

原创最新推荐文章于 2021-11-09 18:56:37 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一段HTML和JavaScript代码，该代码实现了一个输入框在获得焦点时清除默认显示的文字，在失去焦点且为空时恢复默认文字的功能。此功能在多种IE浏览器版本中均表现正常。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function ceh(element)
{
	if(element.value==element.defaultValue){
	element.value="";
	}
	element.focus();
}
function cef(element)
{
	if(element.value=="")element.value="中文/拼音";
	else element.defaultValue=element.value;
}
</script>
</head>

<body>
<div id="demo">
<input type="text" id="test" value="中文/拼音" onClick="ceh(this)" onBlur="cef(this)" />
</div>
</body>
</html>

这段代码在IE各个版本的浏览器下测试均没有问题。