实现文本框获得焦点，文本框里提示信息自动消失

最新推荐文章于 2022-02-27 18:02:27 发布

天堂镇的幽灵

最新推荐文章于 2022-02-27 18:02:27 发布

阅读量1k

点赞数

分类专栏： Javascript 文章标签： stylesheet function javascript server class

本文链接：https://blog.csdn.net/chinaboykai/article/details/6791676

版权

Javascript 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>实现文本框获得焦点，文本框里提示信息自动消失 </title>
<link href="css/StyleSheet1.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$('#txtArea').focus(function () {
with (event.srcElement)
//如果当前值为默认值，则清空
if (value == defaultValue) value = ""
});
$('#txtArea').blur(function () {
with (event.srcElement)
if (value == "") value = defaultValue
});

});
</script>
</head>
<body>
<textarea id="txtArea" class="txtcss" runat="server" value="填写问题"></textarea>
</body>
</html>