Harvey.js는 CSS 미디어 쿼리 상태 전환을 모니터링하고 응답하기 위한 경량 JavaScript 헬퍼 라이브러리입니다.
사용법
Harvey.add(
'viewport-small',
{
setup: function () {
// 등록 시 한 번만 실행
},
on: function () {
// 미디어 쿼리 조건이 참이 될 때 실행
console.log('Entered small viewport');
},
off: function () {
// 미디어 쿼리 조건이 거짓이 될 때 실행
console.log('Exited small viewport');
}
}
);
아카이브 안내: Harvey.js는 레거시 소프트웨어입니다. 최신 웹 개발에서는 주로 네이티브
window.matchMedia('(max-width: 600px)')이벤트 리스너나 enquire.js를 사용합니다.