프론트엔드-코드/Javascript

이벤트 리스너 passive

sdafdq 2023. 10. 10. 16:13

스크롤 이벤트 리스너를 추가할 때

 

document.addEventListener("scroll", (e)=>{

 

}, {옵션들})

 

이렇게 이벤트용 옵션을 객체로 넣을 수 있다.

 

그 중 하나가 passive

 

{passive:true} 이렇게 할 수 있다.

이거 왜에도 capture, once 등 뭐랄까 버블링? 이벤트 전파에 대한 것도 옵션을 줄 수 있는 모양이다.

 

passive는 

스크롤 이벤트가 발생하면 보통 스크롤을 취소할 지 여부를 알 수 없기 때문에 항상 수신기가 끝날 때 까지 기다렸다가 스크롤을 한다.

passive 옵션은 브라우저에게 스크롤을 기다리지 않고 즉시 스크롤 해도 됨을 알리는 거다.

 

 

'프론트엔드-코드 > Javascript' 카테고리의 다른 글

객체 <-> JSON <-> 문자열 변환  (0) 2023.10.25
휠 기본이벤트 막기  (0) 2023.10.18
target과 currentTarget 차이  (0) 2023.10.10
XMLHttpRequest  (0) 2023.10.02
드래그 앤 드롭 파일 읽기  (0) 2023.09.27