코딩 학원 59일차(jQuery 기타 event)

change는 select안의 선택지를 바꿨을 때 발생하는 것이다.

 

이때 타이밍 잡아서 뭐 이것저것 한단다.

 

브라우저 크기를 건들이면 현재 브라우저 가로 세로 길이가 찍힘.

 

scroll이 요즘 sns에서 이용하는 스크롤이 바닥에 닿았을 때 새로운 게시물이 나오게 하는 것에 쓰인다고 하셨다. 위의 내용들을 응용해서

 

이런식으로 만들어진다.

 

---

 

input에 무언가를 적고 enter 키 누르면 button 누른거랑 같은 기능이 되게 하는 방법

대충 인풋, 버튼 만들고 버튼 누르면 인풋에 써진거 알림으로 나오게 만든 다음

13이 enter키 아스키 코드고 해석하자면 input에서 키보드를 눌렀다 뗐을 때의 값(아스키 코드)이 13(엔터)면 알람 띄우기다.

 

그리고 버튼 누른 것과 같은 기능이 되기 위해서 쓰는 것이 trigger(강제 이벤트 발생)이다.
$(선택자).trigger("이벤트명");

 

---

SPA (Single Page Application)

 

대충 웹사이트 만들었다 치고 메뉴 하나 고정 시켜놓는다.

 

h1 태그들에게도 id를 부여하고 먼저 가고 싶은 곳의 위치 offset().top을 가져오고 클릭 시 브라우저의 스크롤 상단을 저 위치로 이동하게 만드는 방법이 있는데 이건 스크롤 애니메이션이 없이 순간이동 하게된다.

 

이렇게 animate를 이용하면 우리가 원하는 스크롤 애니메이션이 가능하다.