Harvey.js は、CSS メディアクエリの状態遷移を監視して応答する軽量な JavaScript ヘルパーライブラリです。
使い方
Harvey.add(
'viewport-small',
{
setup: function () {
// 登録時に一度だけ実行
},
on: function () {
// メディアクエリの条件が true になったときに実行
console.log('Entered small viewport');
},
off: function () {
// メディアクエリの条件が false になったときに実行
console.log('Exited small viewport');
}
}
);
アーカイブ注記: Harvey.js はレガシーソフトウェアです。現代の Web 開発では通常、ネイティブの
window.matchMedia('(max-width: 600px)')イベントリスナーまたは enquire.js を使用します。