2022-01-23 게시 됨2022-01-23 업데이트 됨blog몇 초안에 읽기 (약 47 단어)

blog update 검색창 열기 단축키 추가

이제 ctrl + k 키로 검색창을 열고 닫을 수 있다!
esc 키로 검색창을 닫을 수 있다

참고

https://chinsun9.github.io/2022/01/22/web-api-IntersectionObserver/

2022-01-22 게시 됨2022-01-22 업데이트 됨web몇 초안에 읽기 (약 107 단어)

IntersectionObserver 화면에 특정 엘리먼트가 보이면?!

뷰포트에 들어오는 것을 감지할 수 있다

example.ts

// 검색창 인풋 오토포커스

const observer = new IntersectionObserver((entries) => {
  if (!entries[0].intersectionRatio) return;
  document.querySelector('input.searchbox-input').focus();
});

observer.observe(document.querySelector('input.searchbox-input'));

위 코드는 검색창을 켜면 인풋에 오토포커스 되도록하는 코드이다

참고