首頁 >web前端 >js教程 >使用jQuery快速解決input中placeholder值在ie中無法支援的問題_jquery

使用jQuery快速解決input中placeholder值在ie中無法支援的問題_jquery

WBOY
WBOY原創
2016-05-16 17:05:481012瀏覽

複製代碼代碼如下:




UBL "-/ DTD XHTML 1.0 過渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


無標題文件


//第一種方法


$(document).ready(function(){
    var doc=document,inputs=doc.getElementsBy    var doc=document,inputs=doc.getElementsByNameName(' input'),supportPlaceholder='placeholder'in doc.createElement('input'),placeholder=function(input){var text=input.getAttribute('placeholder'),defaultValue=input.defaultValue;
 ==''){
        input.value=text}
        input.onfocus=function(){
  _U.onfocus=function(){
            input.onblur=function(){if(input.value===''){this.value=text}};

             for(var i=0, len=inputs.length;i          (輸入)}}}}); //轉換方法


$(function(){
if(!placeholderSupport()){   // 判斷瀏覽器是否支援」 $('[佔位符]').focus(function() {
        var input = $(this);
        if (input.val() == input.attr(placeerhold.)'
            input.val('');
            input.removeClass(')一篇();        var input = $(this);
        if (input.val() == '' || input.val() == input.attr('placeholder')) {
         輸入。 val(input.attr('placeholder'));
        }
    }).blur();
};
} ' 在document.createElement('input');
}




 

 






陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn