inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

인터랙티브 웹 개발 제대로 시작하기

스크롤 위치에 따라 오브젝트 조작하기

showValue() 사용

301

전인해

작성한 질문수 1

0

왜 window 이벤트리스너에 showValue()함수를 넣을 때

window.addEventListener('scroll', showValue())로 하면 실행되지않고 showValue()를 함수로 한번 더 감싸 window.addEventListener('scroll', function(){showValue()})

이렇게 해야 실행이 되는지 궁금합니다!

그리고 항상 강의 잘보고있습니다 ㅎㅎ

javascript 인터랙티브-웹 HTML/CSS

답변 1

1

1분코딩

addEventListener 메서드의 두번째 매개변수 자리에는 함수가 들어가야 하는데요,
showValue()는 showValue 함수를 실행한 결괏값을 넣은 것이라 동작이 제대로 되지 않는 것이랍니다.

만약 showValue 함수가 아래와 같이 100을 리턴하는 함수라고 가정한다면
function showValue() {
    return 100;
}

window.addEventListener('scroll', showValue());
이렇게 넣게되면
window.addEventListener('scroll', 100);
이렇게 넣은 것이나 똑같답니다.
showValue 함수의 리턴값이 100이니까요.

window.addEventListener('scroll', function() { showValue() });
function() {}은 함수이기 때문에 올바르게 동작하는 것이고요~

왼쪽/오른쪽 동작시 딜레이 문제

0

109

1

변수 범위 관련 질문

0

120

1

perspective 문의

0

113

1

생성자 함수를 클래스 함수로 변경 하고 this 오류 관련

0

165

1

스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제

0

131

1

animation이벤트 질문이요!

0

80

1

resize handler에서 질문이 있습니다.

0

120

1

카드 뒤집힐 때 F가 보인 이유

0

159

1

3d 뒤집기 추가효과

0

225

1

전진! 3D 스크롤 21 강의 질문

1

179

1

eventlistener 질문

0

159

1

zMove 를 1000으로 설정하는 이유에 대하여.

0

178

1

[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!

1

203

1

동적으로 html 생성 후 이벤트 위임 질문 있습니다.

0

279

1

rotateY()에서 deg에 따른 차이

0

205

1

코드 작성 순서

0

284

1

이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??

1

402

1

'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다

0

284

2

섹션5 자바스크립트 이벤트 다루기 질문

1

263

1

[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!

0

432

2

css 는 직접 작성을 해야하는걸까용?

0

331

1

translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?

0

365

2

house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.

0

312

2

left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.

0

313

2