zoukankan      html  css  js  c++  java
  • juery文本框获得焦点和失去焦点是,对文本内容的处理

    使用场合:在文本框中输入提示的默认值;还有在编辑的时候,改变后显示改变的值,没有有改变择显示以前的值, 也可以在加验证的时候进行封装.
    css样式:
    View Code
     1 <style type="text/css">
     2         body
     3         {
     4             font: normal 12px/17px Arial;
     5         }
     6         div
     7         {
     8             padding: 2px;
     9             width: 240px;
    10         }
    11         input, textarea
    12         {
    13             width: 12em;
    14             border: 1px solid #FFDEAD;
    15         }
    16         .focus
    17         {
    18             border: 1px solid #f00;
    19             background: #F5FFFA;
    20         }
    21     </style>
    22 
    23  

    jquery代码:

    View Code
     1 $(function() {
     2        $(":input").bind("focus", function() {
     3             $(this).addClass("focus");
     4                 if ($(this).val() == this.defaultValue) {
     5                    $(this).val("");
     6                 }
     7             });
     8        $(":input").bind("blur", function() {
     9             $(this).removeClass("focus");
    10                 if ($(this).val() == '') {
    11                     $(this).val(this.defaultValue);
    12                 }
    13            });
    14       });
  • 相关阅读:
    sqlserver表结构导出excel格式
    c#对象深复制demo
    aspose.cells导出Demo
    复制表结构数据至另一数据库
    C#安全类型转换基于convert
    c# winform devexpress TreeList过滤和绑定
    万能分页存储过程
    WebSocket简单使用
    本地搭建持续集成(AzureDevops)
    centos 7 安装nginx并启动(笔记)
  • 原文地址:https://www.cnblogs.com/wggWeb/p/2327837.html
Copyright © 2011-2022 走看看