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' 
 ); 
 
 } 

相關標籤/搜索