জেভাস্ক্রিপ্ট MediaQueryList API

MediaQueryList অবজেক্ট

MediaQueryList অবজেক্ট মিডিয়া কোয়ালিফাইয়ার থেকে প্রাপ্ত তথ্য সংরক্ষণ করে

MediaQueryList অবজেক্টউইন্ডো অবজেক্টএর প্রকৃতির

MediaQueryList অবজেক্টটি নিম্নলিখিত পদ্ধতিতে পরিবর্তন করা যায়:

window.matchMedia() বা matchMedia()：

উদাহরণ

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

আপনার নিজেই প্রয়োগ করুন

অন্যান্য দেখুন:

window.matchMedia() পদ্ধতি

MediaQueryList প্রকৃতি

প্রকৃতি বর্ণনা
matches বুল মানা। যদি ডকুমেন্ট কোয়ালিফাইয়ারের সাথে মাথামাথা হয়, তবে trueঅন্যথায় false。
media শব্দমালা মানা। মিডিয়া কোয়ালিফাইয়ার (তালিকা)।

MediaQueryList পদ্ধতি

পদ্ধতি বর্ণনা
addListener() নতুন অনুসরণকারী ফাংশন যোগ করুন, যা মিডিয়া কোয়ালিফাইয়ার পর্যালোচনার ফলাফল পরিবর্তিত হলে চালু হবে。
removeListener()

পূর্ববর্তীতে যোগ করা অনুসরণকারী ফাংশনটি মিডিয়া কোয়ালিফাইয়ার তালিকা থেকে অপসারণ করুন。

যদি নির্দিষ্ট অনুসরণকারী তালিকায় নেই, তবে কোনো কাজ করা হবে না。

মিডিয়া কোয়ালিফাইয়ার

matchMedia() পদ্ধতির মিডিয়া কোয়ালিফাইয়ার সিএসএস @মিডিয়া রুল যেমন min-height, min-width, orientation ইত্যাদির মতো যেকোনো মিডিয়া বৈশিষ্ট্য

উদাহরণ

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

আপনার নিজেই প্রয়োগ করুন

মিডিয়া ধরন

মান বর্ণনা
সকল মিডিয়া ধরনের ডিভাইসের জন্য ডিফল্ট
print প্রিন্টারের জন্য
screen কম্পিউটার স্ক্রিন, ট্যাবলেট, স্মার্টফোন ইত্যাদির জন্য
speech পাতাটিকে আধা করে পড়ার জন্য ব্যবহৃত স্ক্রিন রিডার

মিডিয়া বৈশিষ্ট্য

মান বর্ণনা
any-hover কোনো উপযুক্ত ইনপুট মেকানিজম আছে কি যা ব্যবহারকারীকে মাউসকে উপর ডিভাইসের উপর স্থান দিতে দেয়?
(মিডিয়া কোয়েরিজ লেভেল 4-এ যোগ করা হয়েছে)
any-pointer কোনো উপযুক্ত ইনপুট মেকানিজম আছে কি? যদি আছে, তবে তার নিশ্চিততা কিভাবে?
(মিডিয়া কোয়েরিজ লেভেল 4-এ যোগ করা হয়েছে)
aspect-ratio দৃশ্যক্ষেত্রের প্রতিপাত অনুপাত
color আউটপুট ডিভাইসের প্রত্যেক রঙ কম্পোনেন্টের ডিজিটাল স্থান
color-gamut ব্যবহারকারী এবং আউটপুট ডিভাইস সমর্থনকারী সাধারণ রঙ পরিধি
(মিডিয়া কোয়েরিজ লেভেল 4-এ যোগ করা হয়েছে)
color-index ডিভাইস দ্বারা প্রদর্শিত রঙ সংখ্যা
grid ডিভাইস গ্রিড বা বিটম্যাপ?
height ভিউপোর্টের উচ্চতা
hover প্রধান ইনপুট মেকানিজম কি ব্যবহারকারীকে মাউস সোয়াইপ করার অনুমতি দেয়?
(মিডিয়া কোয়েরিজ লেভেল 4-এ যোগ করা হয়েছে)
inverted-colors ব্রাউজার বা নিচের অপারেটিং সিস্টেম রঙ রোগত কি করে?
(মিডিয়া কোয়েরিজ লেভেল 4-এ যোগ করা হয়েছে)
light-level বর্তমান আলোর স্তর (মিডিয়া কোয়েরিজ লেভেল 4-এ যোগ করা হয়েছে)
max-aspect-ratio প্রদর্শন অঞ্চলের মহাত্মা প্রস্থ-উচ্চতা অনুপাত
max-color আউটপুট ডিভাইসের প্রত্যেক রঙ কম্পোনেন্টের মহাত্মা বিটস
max-color-index ডিভাইস দ্বারা প্রদর্শিত মহাত্মা রঙ সংখ্যা
max-height প্রদর্শন অঞ্চলের মহাত্মা উচ্চতা, যেমন ব্রাউজার উইন্ডো
max-monochrome একবর্ণ (গ্রেস্কেল) ডিভাইসের প্রত্যেক 'আক্ষর'র মহাত্মা বিটস
max-resolution ডিভাইসের মহাত্মা রেজলিউশন, dpi বা dpcm ব্যবহার করে
max-width প্রদর্শন অঞ্চলের মহাত্মা প্রস্থ, যেমন ব্রাউজার উইন্ডো
min-aspect-ratio প্রদর্শন অঞ্চলের ন্যূনতম প্রস্থ-উচ্চতা অনুপাত
min-color আউটপুট ডিভাইসের প্রত্যেক রঙ কম্পোনেন্টের ন্যূনতম বিটস
min-color-index ডিভাইস দ্বারা প্রদর্শিত ন্যূনতম রঙ সংখ্যা
min-height প্রদর্শন অঞ্চলের ন্যূনতম উচ্চতা, যেমন ব্রাউজার উইন্ডো
min-monochrome একবর্ণ (গ্রেস্কেল) ডিভাইসের প্রত্যেক 'আক্ষর'র ন্যূনতম বিটস
min-resolution ডিভাইসের ন্যূনতম রেজলিউশন, dpi বা dpcm ব্যবহার করে
min-width প্রদর্শন অঞ্চলের ন্যূনতম প্রস্থ, যেমন ব্রাউজার উইন্ডো
monochrome একবর্ণ (গ্রেস্কেল) ডিভাইসের প্রত্যেক 'আক্ষর'র বিটস
orientation ভিউপোর্টের দিশা (পার্শ্বিক বা উপরোক্ত মোড)
overflow-block আউটপুট ডিভাইস কিভাবে ব্লক অক্স পোর্টফোলিওত সার্কল করে (মিডিয়া কোয়েরিজ লেভেল 4-এ যোগ করা হয়েছে)?
overflow-inline কি ইনলাইন অক্স পোর্টফোলিওত সার্কল করা যায় (মিডিয়া কোয়েরিজ লেভেল 4-এ যোগ করা হয়েছে)?
pointer প্রধান ইনপুট মেকানিজম কি পয়েন্টার ডিভাইস? যদি হয়, তার নিশ্চিততা কিভাবে?
(মিডিয়া কোয়েরিজ লেভেল 4-এ যোগ করা হয়েছে)
resolution আউটপুট ডিভাইসের রেজলিউশন, dpi বা dpcm ব্যবহার করে
scan আউটপুট ডিভাইসের স্ক্যানিং প্রক্রিয়া
স্ক্রিপ্টিং স্ক্রিপ্টিং (যেমন জেভাস্ক্রিপ্ট) ব্যবহার করা যায় কি? (মিডিয়া কোয়াইয়ার্স লেভেল ৪-এ যুক্ত)
আপডেট মিডিয়া কোয়াইয়ার্স লেভেল ৪-এ যুক্ত
উইদথ উইদথ