जावास्क्रिप्ट MediaQueryList API

MediaQueryList ऑब्जैक्ट

MediaQueryList ऑब्जैक्ट मीडिया क्वेरी से जानकारी संचित करता है

MediaQueryList ऑब्जैक्ट हैविंडो ऑब्जैक्टके गुण

MediaQueryList ऑब्जैक्ट को निम्नलिखित तरीके से पहुँचा जा सकता है:

window.matchMedia() या matchMedia():

उदाहरण

const mqlObj = window.matchMedia();
const mqlObj = matchMedia();

स्वयं एक प्रयोग करें

अन्य संदर्भ

window.matchMedia() विधि

MediaQueryList गुण

गुण वर्णन
matches बूल वैल्यू। यदि दस्तावेज़ क्वेरी से मेल खाता है, तो trueअन्यथा false
या शब्दांकन मूल्य। मीडिया क्वेरी (सूची)

MediaQueryList विधि

विधि वर्णन
addListener() नई लिस्टेनर फ़ंक्शन जोड़ें, जो जब भी मीडिया क्वेरी का मूल्यांकन परिणाम बदलता है, तब चलता है
removeListener()

पहले जोड़े गए लिस्टेनर फ़ंक्शन को मीडिया क्वेरी सूची से हटाएं

यदि निर्दिष्ट लिस्टेनर लिस्ट में नहीं है, तो कोई काम करने की आवश्यकता नहीं है

मीडिया क्वेरी

matchMedia() द्वारा दिए गए विधि के मीडिया क्वेरी CSS @media नियम किसी भी मीडिया विशेषता के लिए, जैसे min-height, min-width, orientation आदि

उदाहरण

matchMedia("(max-height: 480px)").matches);
matchMedia("(max-width: 640px)").matches);

स्वयं एक प्रयोग करें

मीडिया तथ्य

मूल्य वर्णन
all डिफ़ॉल्ट। सभी मीडिया तथ्य के लिए इस्तेमाल किये जाता है
print प्रिंटर के लिए इस्तेमाल किये जाता है
screen कंप्यूटर स्क्रीन, टैबलेट, स्मार्टफोन आदि के लिए इस्तेमाल किये जाता है
speech पृष्ठ को बड़ा करने के लिए इस्तेमाल किये जाने वाले स्क्रीन रीडर

मीडिया विशेषता

मूल्य वर्णन
any-hover कोई उपलब्ध इनपुट साधन है जो उपयोगकर्ता को एलिमेंट पर होवर करने की अनुमति देता है?
（Media Queries Level 4 में जोड़ा गया）
any-pointer कोई उपलब्ध इनपुट साधन है क्या या नहीं? यदि है, तो इसकी निश्चयता कैसी है?
（Media Queries Level 4 में जोड़ा गया）
aspect-ratio व्यूपोर्ट का चौड़ाई एवं ऊंचाई का अनुपात
color आउटपुट डिवाइस के प्रत्येक रंग के तत्व के बिट्स
color-gamut उपयोगकर्ता एवं आउटपुट डिवाइस के लिए आयामक रंग की सीमा
（Media Queries Level 4 में जोड़ा गया）
कलर-इंडेक्स डिवाइस द्वारा दिखाया जा सकने वाले रंग की संख्या
ग्रिड डिवाइस ग्रिड है या बिटमैप
ऊंचाई व्यूपोर्ट की ऊंचाई
हॉवर मुख्य इनपुट संस्थान क्या उपयोगकर्ता को एलिमेंट पर माउस हॉवर करने की अनुमति देता है?
（Media Queries Level 4 में जोड़ा गया）
इनवर्टेड-कलर्स ब्राउज़र या निचले ऑपरेटिंग सिस्टम रंग को उल्टा करता है क्या?
（Media Queries Level 4 में जोड़ा गया）
लाइट-लेवल वर्तमान प्रकाश स्तर (Media Queries Level 4 में जोड़ा गया)
मैक्स-एस्पेक्ट-रेशन दिखाने वाले क्षेत्र का अधिकतम अनुपात
मैक्स-कलर आउटपुट डिवाइस प्रत्येक कलर कंपोनेंट के लिए अधिकतम बिटों की संख्या
मैक्स-कलर-इंडेक्स डिवाइस द्वारा दिखाया जा सकने वाला अधिकतम रंग संख्या
मैक्स-ऊंचाई दिखाने वाले क्षेत्र का अधिकतम ऊंचाई, उदाहरण के लिए ब्राउज़र विंडो
मैक्स-मोनोक्रॉम एकरंगी (ग्रे-स्केल) डिवाइस पर हर एक 'रंग' के लिए अधिकतम बिटों की संख्या
मैक्स-रेजोल्यूशन डिवाइस की अधिकतम रेजोल्यूशन, dpi या dpcm का उपयोग करके
मैक्स-विधि दिखाने वाले क्षेत्र का अधिकतम चौड़ाई, उदाहरण के लिए ब्राउज़र विंडो
मिन-एस्पेक्ट-रेशन दिखाने वाले क्षेत्र का न्यूनतम अनुपात
मिन-कलर आउटपुट डिवाइस प्रत्येक कलर कंपोनेंट के लिए न्यूनतम बिटों की संख्या
मिन-कलर-इंडेक्स डिवाइस द्वारा दिखाया जा सकने वाला न्यूनतम रंग संख्या
मिन-ऊंचाई दिखाने वाले क्षेत्र की न्यूनतम ऊंचाई, उदाहरण के लिए ब्राउज़र विंडो
मिन-मोनोक्रॉम एकरंगी (ग्रे-स्केल) डिवाइस पर हर एक 'रंग' के लिए न्यूनतम बिटों की संख्या
मिन-रेजोल्यूशन डिवाइस की न्यूनतम रेजोल्यूशन, dpi या dpcm का उपयोग करके
मिन-विधि दिखाने वाले क्षेत्र का न्यूनतम चौड़ाई, उदाहरण के लिए ब्राउज़र विंडो
मोनोक्रॉम एकरंगी (ग्रे-स्केल) डिवाइस पर हर एक 'रंग' के लिए बिटों की संख्या
ओरिएंटेशन व्यूपोर्ट का दिशा (अनुप्रस्थ या उभय दिशा मोड)
ओवरफ्लॉव-ब्लॉक आउटपुट डिवाइस कैसे आउटपुट के ब्लॉक अक्ष पर ओवरफ्लॉव की सामग्री का व्यवहार करता है（Media Queries Level 4 में जोड़ा गया）?
ओवरफ्लॉव-इनलाइन क्या आउटपुट के इनलाइन अक्ष पर ओवरफ्लॉव की सामग्री को स्क्रॉल किया जा सकता है（Media Queries Level 4 में जोड़ा गया）?
पॉइंटर मुख्य इनपुट संस्थान निर्देशक डिवाइस है क्या? अगर हाँ, तो इसकी सटीकता क्या है?
（Media Queries Level 4 में जोड़ा गया）
रेजोल्यूशन आउटपुट डिवाइस की रेजोल्यूशन, dpi या dpcm का उपयोग करके।
स्कैन आउटपुट डिवाइस का स्कैनिंग प्रक्रिया。
scripting स्क्रिप्ट (जैसे JavaScript) का इस्तेमाल कर सकते हैं क्या (Media Queries Level 4 में जोड़ा गया)।
update आउटपुट डिवाइस कितनी तेजी से सामग्री का आकार बदल सकती है (Media Queries Level 4 में जोड़ा गया)।
चौड़ाई विन्दुआकार चौड़ाई。