Chartbreaker
    Preparing search index...

    Interface MediaQueryList

    A MediaQueryList object stores information on a media query applied to a document, with support for both immediate and event-driven matching against the state of the document.

    MDN Reference

    interface MediaQueryList {
        matches: boolean;
        media: string;
        onchange: null | ((this: MediaQueryList, ev: MediaQueryListEvent) => any);
        addEventListener<K extends "change">(
            type: K,
            listener: (this: MediaQueryList, ev: MediaQueryListEventMap[K]) => any,
            options?: boolean | AddEventListenerOptions,
        ): void;
        addEventListener(
            type: string,
            listener: EventListenerOrEventListenerObject,
            options?: boolean | AddEventListenerOptions,
        ): void;
        addListener(
            callback:
                | null
                | ((this: MediaQueryList, ev: MediaQueryListEvent) => any),
        ): void;
        dispatchEvent(event: Event): boolean;
        removeEventListener<K extends "change">(
            type: K,
            listener: (this: MediaQueryList, ev: MediaQueryListEventMap[K]) => any,
            options?: boolean | EventListenerOptions,
        ): void;
        removeEventListener(
            type: string,
            listener: EventListenerOrEventListenerObject,
            options?: boolean | EventListenerOptions,
        ): void;
        removeListener(
            callback:
                | null
                | ((this: MediaQueryList, ev: MediaQueryListEvent) => any),
        ): void;
    }

    Hierarchy

    • EventTarget
      • MediaQueryList
    Index

    Properties

    matches media onchange

    Methods

    addEventListener addListener dispatchEvent removeEventListener removeListener

    Properties

    matches: boolean

    The matches read-only property of the true if the document currently matches the media query list, or false if not.

    MDN Reference

    media: string

    The media read-only property of the serialized media query.

    MDN Reference

    onchange: null | ((this: MediaQueryList, ev: MediaQueryListEvent) => any)

    MDN Reference

    Methods

    • The deprecated addListener() method of the MediaQueryListener that will run a custom callback function in response to the media query status changing.

      Parameters

      Returns void

      MDN Reference

    • The dispatchEvent() method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order.

      MDN Reference

      Parameters

      • event: Event

      Returns boolean

    Settings

    Member Visibility

    On This Page

    Properties
    Methods