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

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)。

瀏覽器相容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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,