javascript 동적 이벤트 부여 질문 드립니다

Question

테이블에 있는 html 을 태그 안에 넣는 기능이 있습니다문제는 넣은 후 넣은 html 중 input 태그에 calendar 선택 후 validation을 체크해야하는데요이 input 에 addeventlistener, $().on("input") 을 걸어봤는데첫번째 시도에서 뚫리고 2번째부터 이 태그가 이벤트가 잘 걸립니다렌더링 타이밍 문제인가 싶어 window.onload document ready 안 에 시도해 봤는데 똑같네요.. ㅜㅜ혹시 무슨 문제인지 알 수 있을까요??

컴포지트 · Answer

jQuery 사용할 경우 변하지 않는 부모 요소를 선택한 뒤, 실제 이벤트를 걸고 싶은 요소를 선택하도록 유도하시길.$('이벤트걸요소의부모').on('input', '실제이벤트걸요소', function() { ... })예) $('.mytd').on('input', '.myinput', function() { ... })만약 jQuery 없다면,document.querySelector('.mytd').addEventListener('input', e => { if (!e.target.matches('.myinput')) return // 실제 이벤트 걸 선택자 조건 // 여기에 input 이벤트 처리 })

javascript 동적 이벤트 부여 질문 드립니다

1개의 답변

#event 목록