किसी दिए गए जावास्क्रिप्ट ईवेंट के लिए समर्थन का पता लगाना?

Question

मुझे URL के खंड पहचानकर्ता में परिवर्तनों की निगरानी करने के लिए जावास्क्रिप्ट हैशचेंज ईवेंट का उपयोग करने में रूचि है। मुझे Really Simple History और इसके लिए jQuery प्लगइन के बारे में पता है। हालांकि, मैं इस निष्कर्ष पर पहुंचा हूं कि मेरी विशेष परियोजना में यह किसी अन्य जेएस फ़ाइल के अतिरिक्त ओवरहेड के लायक नहीं है।

इसके बजाय मैं "प्रगतिशील वृद्धि" मार्ग लेना चाहता हूं। यही है, मैं यह जांचना चाहता हूं कि हैशचेंज ईवेंट विज़िटर के ब्राउज़र द्वारा समर्थित है या नहीं, और कोर कोड के बजाय एक वृद्धि के रूप में उपलब्ध होने पर इसका उपयोग करने के लिए अपना कोड लिखें। आईई 8, फ़ायरफ़ॉक्स 3.6, और क्रोम 4.1.249 इसका समर्थन करते हैं, और यह मेरी साइट के ट्रैफ़िक का लगभग 20% है।

तो, ओह ... क्या यह जांचने का कोई तरीका है कि कोई ब्राउज़र किसी विशेष ईवेंट का समर्थन करता है या नहीं?

धन्यवाद।

var isEventSupported = (function(){ 
    var TAGNAMES = { 
    'select':'input','change':'input', 
    'submit':'form','reset':'form', 
    'error':'img','load':'img','abort':'img' 
    } 
    function isEventSupported(eventName) { 
    var el = document.createElement(TAGNAMES[eventName] || 'div'); 
    eventName = 'on' + eventName; 
    var isSupported = (eventName in el); 
    if (!isSupported) { 
     el.setAttribute(eventName, 'return;'); 
     isSupported = typeof el[eventName] == 'function'; 
    } 
    el = null; 
    return isSupported; 
    } 
    return isEventSupported; 
})(); 

उपयोग::

if (isEventSupported('hashchange')) { 
    //... 
} 

इस तकनीक है

Answer 1

ठीक है, सबसे अच्छा तरीका सूँघने ब्राउज़र के माध्यम से जा नहीं है, Juriy Zaytsev (@kangax) घटना समर्थन का पता लगाने के लिए एक वास्तव में उपयोगी विधि बनाया अब jQuery जैसे कुछ पुस्तकालयों में उपयोग किया जाता है।

और पढ़ें यहाँ:

if ("onhashchange" in window) { 
    alert("The browser supports the hashchange event!"); 
} 

यह भी IE8 और क्रोम 5 बीटा में काम करता है (मैं परीक्षण नहीं किया:

• Detecting event support without browser sniffing

Answer 2

Mozilla documentation निम्नलिखित पता चलता है क्रोम 4.1), और ओपेरा और सफारी में सही ढंग से विफल रहता है।

Answer 3

यहाँ answer provided by CMS एक संशोधन है, जो किसी अन्य रूप में एक समारोह है, जो मुझे लगता है कि काम करेगा शामिल नहीं करता है:

function event_exists(eventName){ 
    if(typeof(eventName)!='string' || eventName.length==0)return false; 
    var TAGNAMES = { 
     'select':'input','change':'input', 
     'submit':'form','reset':'form', 
     'error':'img','load':'img','abort':'img' 
    } 
    var el = document.createElement(TAGNAMES[eventName] || 'div'); 
    eventName = 'on' + eventName; 
    var isSupported = (eventName in el); 
    if (!isSupported) { 
     el.setAttribute(eventName,'return;'); 
     isSupported = (typeof(el[eventName])=='function'); 
    } 
    el = null; 
    return isSupported; 
}