Εκτελεστής JavaScript MediaQueryList API

Αντικείμενο MediaQueryList

Ενότητα MediaQueryList Ο αντικείμενος αποθηκεύει πληροφορίες από τις αναζητήσεις μέσων.

Ενότητα MediaQueryList Ο αντικείμενος είναιΠρότυποΠρότυπο

Ενότητα MediaQueryList Ο αντικείμενος μπορεί να προσβληθεί με τον παρακάτω τρόπο:

window.matchMedia() ή matchMedia():

Παράδειγμα

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

Προσπαθήστε το προσωπικά

Δείτε επίσης:

Μέθοδος window.matchMedia()

Αξία MediaQueryList

Αξία Περιγραφή
matches Boolean τιμή. Αν το έγγραφο ταιριάζει στη αναζήτηση, τότε trueή false
media Σtring τιμή. Μέθοδος μέτρησης μέσων (λίστα).

Μέθοδος MediaQueryList

Μέθοδος Περιγραφή
addListener() Προσθήκη νέας λειτουργίας ακροατή, η οποία εκτελείται κάθε φορά που αλλάζει το αποτέλεσμα αξιολόγησης της μέθοδου μέτρησης μέσων.
removeListener()

Αφαίρεση προηγουμένως προσθέτημένης λειτουργίας ακροατή.

Αν ο καθορισμένος ακροατής δεν υπάρχει στη λίστα, δεν εκτελείται καμία ενέργεια.

Μέθοδος μέτρησης μέσων

matchMedia() Η μέθοδος μέτρησης των μέσων μπορεί να είναι CSS @media κανόνας Οποιαδήποτε χαρακτηριστική μέτρηση των μέσων, όπως min-height, min-width, orientation κ.λπ.

Παράδειγμα

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

Προσπαθήστε το προσωπικά

Τύπος μέσων

Τιμή Περιγραφή
all Προεπιλεγμένο. Χρησιμοποιείται για όλα τα είδη εξοπλιστικών μέσων.
print Χρησιμοποιείται για εκτυπωτές.
screen Χρησιμοποιείται για υπολογιστές οθόνης, ταμπλέτες, smartphones κ.λπ.
speech Ο οθόνης αναγνώστης ουλιών που χρησιμοποιείται για να

Χαρακτηριστικά μέσων

Τιμή Περιγραφή
any-hover Είναι υπάρχον κάποιο διαθέσιμο σύστημα εισαγωγής που επιτρέπει στον χρήστη να κρατά το ποντίκι ακίνητο πάνω στο στοιχείο;
(Προστέθηκε στο Media Queries Level 4).
any-pointer Είναι υπάρχον κάποιο διαθέσιμο σύστημα εισαγωγής που είναι ένας αισθητήρας αλληλεπίδρασης, αν ναι, πώς είναι η ακρίβειά του;
(Προστέθηκε στο Media Queries Level 4).
aspect-ratio Η αναλογία πλάτους και ύψους της οπτικής περιοχής.
color Το αριθμό των λεπτών που έχει κάθε συστατικό χρώματος του εξοπλιστικού μέσου.
color-gamut Ο大致ος εύρος χρωμάτων που υποστηρίζεται από τους χρήστες και τα εξοπλιστικά μέσα
(Προστέθηκε στο Media Queries Level 4).
color-index Ο αριθμός των χρωμάτων που μπορεί να εμφανιστεί το εξοπλισμό.
grid Αν το εξοπλισμό είναι δίκτυο ή bitmaps.
height Το ύψος του οπτικού φακέλου.
hover Αν το κύριο σύστημα εισόδου επιτρέπει στον χρήστη να τοποθετήσει τον δείκτη του ποντικιού πάνω στο στοιχείο;
(Προστέθηκε στο Media Queries Level 4).
inverted-colors Αν το πρόγραμμα περιήγησης ή το υποκείμενο λειτουργικό σύστημα αναστροφεί τα χρώματα;
(Προστέθηκε στο Media Queries Level 4).
light-level Ο τρέχων επίπεδο φωτεινότητας του περιβάλλοντος (Προστέθηκε στο Media Queries 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 Πώς χειρίζεται το εξοπλισμό εξόδου το περιεχόμενο που υπερβαίνει τον οπτικό φάκελο κατά μήκος της οριζόντιας άξονα (Προστέθηκε στο Media Queries Level 4);
overflow-inline Μπορεί να κουρδιστεί το περιεχόμενο που υπερβαίνει τον οπτικό φάκελο κατά μήκος της παράλληλης άξονα (Προστέθηκε στο Media Queries Level 4);
pointer Το κύριο σύστημα εισόδου είναι το εξοπλισμό δείκτη; Αν ναι, πώς είναι η ακρίβειά του;
(Προστέθηκε στο Media Queries Level 4).
resolution Η λύψη ανάλυσης του εξοπλισμού εξόδου, χρησιμοποιώντας dpi ή dpcm.
scan Η διαδικασία σάρωσης του εξοπλισμού εξόδου.
scripting Μπορεί να χρησιμοποιηθεί σενάριο (π.χ. JavaScript); (προστέθηκε στο Media Queries Level 4)
ανανεώσει Πόσο γρήγορα μπορεί να αλλάξει το εμφανιστικό της περιεχομένου το συσκευή αναπαραγωγής (προστέθηκε στο Media Queries Level 4).
πλάτος Πλάτος οπτικής περιοχής.