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

来源:互联网 发布:java对齐输出 编辑:程序博客网 时间:2024/05/16 12:32
<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>
原创粉丝点击