dom 에서 동적으로 여러 체크박스 생성 시 발생하는 문제

Question

안녕하세요 spring, jsp 인데 서버에서 내려준 데이터로 동적으로 체크박스 생성해줍니다 평균 한 200개의 체크박스가 생성되는데몇몇 체크박스는 눌러도 반응이 없어요 그런데 개발자 도구를 키는 순간 잘 작동합니다 도대체 무엇 때문에 이런 현상이 일어나는지 잘 이해가 안되네요이벤트 바인딩 문제인가 싶어서 html 위로 올리고 이벤트 바인딩 하는 js 코드를 바로 위에 위치 시키고 document.on 이벤트 에다가 설정 하는데도 해결이 되고 있지 않아요 왜 몇개의 체크박스만 계속 문제가 발생하고 개발자 도구를 키는 순간 문제가 해결되는걸 까요..

동도인 · Accepted Answer

말씀주신걸 토대로 대략 200개 정도 체크박스 만들어서 테스트 해봤는데..재현이 불가능하네요..

캐티 · Answer

크롬 어느 버전에서 렌더링 된 위치와 눌러지는 영역이 어긋나서 전혀 아닌데를 눌러야 눌려지는 경우가 있어쩌.

posin · Answer

그런경우는 캐시비우기+강력새로고침하면 고쳐지던데 아닌가요?

HJOW · Answer

동적으로 체크박스 생성한다고 하셨는데그걸 자바스크립트로 하시나요? 아니면 jsp 전용 태그나 jstl, 타임리프 같은 얘로 하시나요?둘이 아예 다릅니다.자바스크립트로 하는 경우는, 자바스크립트로 체크박스 생성해준 뒤에 이벤트 다시 주셔야 해요.

dong bang · Answer

혹시 돔 그릴때 하나씩 만들면서 넣는거 아닌가요통으로 만들어서 한꺼번에 넣어 보세요.let html = '';items.forEach(item => {html += ${item.name};});container.innerHTML = html;

고등어통조림 · Answer

초기화와 랜더링 순서라고 해야 하나 그언걸 확인해 봐야 합니다.아니면 랜더링 될때 setTimer 이렇게 설정 넣어서 표출때 약간만(눈에 안 보이게) 딜레이를 좀 주는 방식도 생각해 보세요너무 많고, 동적으로 생성되고 있어서 랜더링 할때 부하가 걸리는 것 같습니다.

slikey · Answer

함수 200개가 아니라 한개로 처리하세요.

dom 에서 동적으로 여러 체크박스 생성 시 발생하는 문제

7개의 답변

#jsp 목록