जेएस में जांचें कि क्या सीएसएस संपत्ति समर्थित है?

Question

मैं यह जांचना चाहता हूं कि सीएसएस संपत्ति pointer-events (see documentation) उपयोगकर्ता के ब्राउज़र द्वारा समर्थित है या नहीं।

वर्तमान में, उदाहरण के लिए, यह ओपेरा द्वारा समर्थित नहीं है और मुझे आईई के कुछ संस्करणों पर विश्वास है।

मैं जावास्क्रिप्ट में एक चेक चलाने के लिए और एचटीएमएल के उपयुक्त बिट प्रदर्शित करना चाहता हूं कि यह समर्थित है या नहीं।

क्या उपयोगकर्ता-एजेंट स्ट्रिंग की जांच करने से ऐसा करने का कोई बेहतर तरीका है?

Answer 1

मुझे लगता है कि

if ("pointer-events" in document.body.style) 

या

if ("pointerEvents" in document.body.style) 

एसवीजी सामग्री के मामले में पर्याप्त होना चाहिए।

Answer 2

दोनों आईई 9 और Firefox में सच के लिए निम्न मूल्यांकन करता है:

if ('pointerEvents' in document.documentElement.style) 

Answer 3

गैर एसवीजी सामग्री के लिए

इस स्क्रिप्ट काम करना चाहिए:
https://github.com/ausi/Feature-detection-technique-for-pointer-events

आप भी इसे Modernizr बिना उपयोग कर सकते हैं:

var pointerEventsSupported = (function(){ 
    var element = document.createElement('x'), 
     documentElement = document.documentElement, 
     getComputedStyle = window.getComputedStyle, 
     supports; 
    if(!('pointerEvents' in element.style)){ 
     return false; 
    } 
    element.style.pointerEvents = 'auto'; 
    element.style.pointerEvents = 'x'; 
    documentElement.appendChild(element); 
    supports = getComputedStyle && 
     getComputedStyle(element, '').pointerEvents === 'auto'; 
    documentElement.removeChild(element); 
    return !!supports; 
})(); 
if(pointerEventsSupported){ 
    // do something 
}