jquery解决各浏览器placeholder兼容

时间 2019-12-17

标签 jquery 解决浏览器 placeholder 兼容栏目 JQuery 繁體版

原文原文链接

$(function(){浏览器
 
 if 
 (!placeholderSupport()){    
 // 判断浏览器是否支持 placeholder 
 
      
 $( 
 '[placeholder]' 
 ).focus( 
 function 
 () { 
 
          
 var  
 input = $( 
 this 
 ); 
 
          
 if  
 (input.val() == input.attr( 
 'placeholder' 
 )) { 
 
              
 input.val( 
 '' 
 ); 
 
              
 input.removeClass( 
 'placeholder' 
 ); 
 
          
 } 
 
      
 }).blur( 
 function 
 () { 
 
          
 var  
 input = $( 
 this 
 ); 
 
          
 if  
 (input.val() ==  
 ''  
 || input.val() == input.attr( 
 'placeholder' 
 )) { 
 
              
 input.addClass( 
 'placeholder' 
 ); 
 
              
 input.val(input.attr( 
 'placeholder' 
 )); 
 
          
 } 
 
      
 }).blur(); 
 
 }; 
 
 }) 
 
 function  
 placeholderSupport() { 
 
      
 return  
 'placeholder'  
 in  
 document.createElement( 
 'input' 
 ); 
 
 } 