반응형
250x250
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Notice
Recent Posts
Today
Total
관리 메뉴

네이처리 노트

[javascript] event | 클릭이벤트 파라미터 전달하기 본문

개발기록/Javascript

[javascript] event | 클릭이벤트 파라미터 전달하기

네이처리 2022. 9. 7. 08:30
728x90
반응형

공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요





target.addEventListener(type_이벤트유형 , listener_이벤트구현하는객체 [, options]);



target.addEventListener("click" , 함수명);
target.addEventListener("click" , function(){ 함수명(파라미터) }); //익명함수 사용한다!!

▲파라미터 전달방법




▶이벤트 전파 중단하기, 중복발현 현상, 새로고침되는 현상 디버그하기





Reference

1) 클릭이벤트 옵션

Javascript : addEventListener 의 3번째 options 인자

addEventListener() 는 웹 요소에 이벤트를 거는것으로 많이 사용된다. 대부분 이런 모습이다. element.addEventListener('click', doSomething, false); 1번째 인자는 이벤트명이다. 2번째 인자는 콜백 함수로,..

ibrahimovic.tistory.com

2) 마우스 오버, 아웃하기

jQuery의 hover에 대해(mouseenter, mouseover, mouseout, mouseleave)

※ mouseenter, mouseover의 차이 ☞ 둘의 공통점 : 해당 영역에 마우스가 올라가는 것을 감지 &#6...

blog.naver.com

728x90
반응형
Comments