关于IE8不支持placeholder完美解决方案,不需要任何插件

  最近有好多人咨询我IE8不支持placeholder的问题,自己写了一个demo以供参考。

  js部分

 1 function input_focus(e){
 2     $(e).css("color","#000000");
 3     if($(e).val()=="请输入文字"){
 4         $(e).val('');
 5     }
 6 }
 7 function input_blur(e){
 8     if($(e).val()=="请输入文字"||!$(e).val()){
 9         $(e).css("color","#aaaaaa");
10         $(e).val("请输入文字");
11     }
12 }

  通过onfocus和onblur方法获取输入框的文字,比较value的值,然后设置文字颜色和显示内容。

  HTML部分

<input type="text" onfocus="input_focus(this)" onblur="input_blur(this)" value="请输入文字" style="color: #aaaaaa;" />

   在页面上调用onfocus和onblur时需要同事传入标签对应的this对象,方便js的调用。

猜你喜欢

转载自www.cnblogs.com/luo-chen/p/9848297.html