ब्राउज़र का मूल प्लेसहोल्डर विशेषता का समर्थन करने का परीक्षण कैसे करें?

Question

मैं मेरा एक साइट के लिए एक सरल प्लेसहोल्डर jQuery प्लगइन लेकिन निश्चित रूप से मैं केवल समारोह आग अगर देशी प्लेसहोल्डर विशेषता समर्थित नहीं है चाहते हैं ...

मैं jQuery का उपयोग कैसे परीक्षण करने के लिए कर सकते हैं लिखने के लिए कोशिश कर रहा हूँ प्लेसहोल्डर विशेषता के मूल समर्थन के लिए? http://www.modernizr.com/

और फिर ऐसा करने के:

if (Modernizr.input.placeholder) { 
    // your placeholder text should already be visible! 
} else { 
    // no placeholder support :(
    // fall back to a scripted solution 
} 

Modernizr लगभग सभी एचटीएमएल 5 कार्यक्षमता के लिए ब्राउज़र के समर्थन के परीक्षण के लिए वास्तव में आसान है

Answer 1

आप आपके द्वारा लिखी गई जावास्क्रिप्ट के शीर्ष पर इस डालने से काफी आसानी से $.support को जोड़ सकते हैं:

jQuery.support.placeholder = (function(){ 
    var i = document.createElement('input'); 
    return 'placeholder' in i; 
})(); 

तब आप अपने कोड में या तो $.support.placeholder या jQuery.support.placeholder उपयोग कर सकते हैं कहीं भी।

एनबी यह कोड diveintohtml5 से अनुकूलित है, ऊपर दिए गए लिंक द्वारा hellvinz द्वारा प्रदान किया गया लिंक।

Answer 2

Modernizr पुस्तकालय, जिसे आप यहां प्राप्त कर सकते हैं का प्रयोग करें।

Answer 3

placeholder संपत्ति सभी ब्राउज़रों में INPUT DOM ऑब्जेक्ट्स पर मौजूद है, भले ही प्लेसहोल्डर विशेषता HTML INPUT तत्व पर परिभाषित की गई हो या नहीं।

सही तरीका है:

var Modernizr = {}; 
// Create the input element for various Web Forms feature tests. 
var inputElem = document.createElement('input'), attrs = {};  
Modernizr.input = (function(props) { 
    for(var i = 0, len = props.length; i < len; i++) { 
     attrs[props[i]] = props[i] in inputElem; 
    } 
    return attrs; 
})('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' ')); 

if(!Modernizr.input.placeholder) { 
    // Do something. 
} 

Answer 4

मैं इस तरह के एक साधारण क्लास होने की तरह है ...

var Browser = { 
    Can: { 
    Placeholder: function() { 
     return 'placeholder' in document.createElement('input'); 
    } 
    } 
} 

... ताकि आप आसानी से आपके ब्राउज़र प्लेसहोल्डर विशेषता का समर्थन करता है, तो जांच कर सकते हैं।

if (Browser.Can.Placeholder()) { 

}