這是一個實驗中的功能
此功能在某些瀏覽器尚在開發中，請參考兼容表格以得到不同瀏覽器用的前輟。
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 | ? | ? | ? | ? | ? |