반응형
element event
-
[JavaScript] 동적으로 새로 붙인 Element 이벤트 붙이기 (addEventListener)JavaScript 2022. 9. 30. 22:22
화면작업을 하다보면 최초 화면호출 이후, 동적으로 추가로 붙인 Element에도 이벤트를 동작시킬 필요가 있는데, 호출당시에 선언했던 이벤트가 새로 만들어진 Element를 대상으로 인식하지 않는 현상을 겪을 수 있다. 예시 결과: 당초예상대로라면, 기존버튼을 클릭하면 새버튼xx가 새로 생성되고 새로운 버튼을 클릭하면 console.log()가 동작해야한다. 하지만, 이 상태로는 기존버튼만 동작할 뿐, 새버튼은 동작하지 않는다. 이유는 버튼 Element가 새로 만들어지기 전, 아직 존재하지 않는 버튼만 이벤트가 붙어있는 상태로 인해 발생하는 현상이다. 즉, Element 생성이후 이벤트가 붙는다면 javascript가 해당 Element의 이벤트를 인식하는 것을 확인할 수 있다.. 코드수정 > 수정 후..