zoukankan      html  css  js  c++  java
  • 类似于input输入框placeholder的效果,兼容ie8

    $(function(){
     
      //判断浏览器是否支持placeholder属性
      supportPlaceholder='placeholder'in document.createElement('input'),
     
      placeholder=function(input){
     
        var text = input.attr('placeholder'),
        defaultValue = input.defaultValue;
     
        if(!defaultValue){
     
          input.val(text).addClass("phcolor");
        }
     
        input.focus(function(){
     
          if(input.val() == text){
       
            $(this).val("");
          }
        });
     
     
        input.blur(function(){
     
          if(input.val() == ""){
           
            $(this).val(text).addClass("phcolor");
          }
        });
     
        //输入的字符不为灰色
        input.keydown(function(){
     
          $(this).removeClass("phcolor");
        });
      };
     
      //当浏览器不支持placeholder属性时,调用placeholder函数
      if(!supportPlaceholder){
     
        $('input').each(function(){
     
          text = $(this).attr("placeholder");
     
          if($(this).attr("type") == "text" || $(this).attr("type") == "password"){
     
            placeholder($(this));
          }
        });
      }
     
    });

  • 相关阅读:
    [bzoj1263]整数划分
    [bzoj3171]循环格
    [bzoj3551]Peaks加强版
    [bzoj3307]雨天的尾巴
    [bzoj2756]奇怪的游戏
    [bzoj4025]二分图
    人比人该死啊
    数据挖掘十大经典算法[0]-K-Means算法
    ISODATA算法
    CodeForces Round 197 Div2
  • 原文地址:https://www.cnblogs.com/jsingleegg/p/4410395.html
Copyright © 2011-2022 走看看