MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

MediaQueryList

這是一個實驗中的功能
此功能在某些瀏覽器尚在開發中,請參考兼容表格以得到不同瀏覽器用的前輟。

MediaQueryList 物件維護一組針對 document 的 media querie , 並且當 media querie 相對應的文件狀態改變時,觸發註冊的事件處理器通知之。

MediaQueryList 物件讓我們不用一直定期去偵測,而是直接去觀察文件的狀態變化。

Method overview

void addListener(MediaQueryListListener listener);
void removeListener(MediaQueryListListener listener);

Properties

Property Type Description
matches boolean true 當 document 目前狀態符合 media query list 所維護的條件; 否則 false。 唯獨
media DOMString 序列化 (serialized) 的 media query list.

Methods

addListener()

添加一個新的事件處理器 (listener),若 listener 已存在則無作用。

void addListener(
  MediaQueryListListener listener
);

Parameter (for addListener method)

listener
當 media query 對應的狀態改變時所觸發的事件處理函數 (MediaQueryListListener)。

removeListener()

移除一個事件處理器 (listener),若 listener 不存在則無作用。

void removeListener(
  MediaQueryListListener listener
);

Parameter (for removeListener method)

listener
欲移除的事件處理函數 (MediaQueryListListener)。

瀏覽器相容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 9 6.0 (6.0) 10 12.1 5
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

 

規範標準

延伸閱讀

文件標籤與貢獻者

 此頁面的貢獻者: foxbrush
 最近更新: foxbrush,