placeholder效果适配IE8(2)

来源：互联网发布：java类加载机制面试题编辑：程序博客网时间：2024/05/23 21:37

<style type="text/css">.phcolor {color: #999;}</style>

<script type="text/javascript">    $(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"){         placeholder($(this));      }    });  } });</script>

0 0