placeholder 在ie6-8失效解决办法

最新推荐文章于 2020-04-07 17:48:31 发布

山药当归枸杞GO

最新推荐文章于 2020-04-07 17:48:31 发布

阅读量548

点赞数

分类专栏： java 文章标签： ie 6 jquery

本文链接：https://blog.csdn.net/cuibruce/article/details/49620975

版权

java 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

 
 $( 
 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 
 )); 
 
 } 
 
 }); 
 
 } 

 });