JavaScript - jquery 동적 추가된 태그에 이벤트 달기

jquery 를 사용하다 보면 append를 통해 태그를 동적으로 추가하는 경우가 있다. 해당 경우에 onclick 같은 이벤트를 추가하면 이벤트가 동작하지 않는다. append 보다 onclick 을 달아주는 행위가 먼저 일어나서 그러는데 이때 $(document).on('click','이벤트 달릴 태그',function(){ console.log("okok") }) 위와 같이 해주면 동적 추가 된 항목에도 이벤트가 적용이 된다.

2021.03.24

JavaScript - replace에 변수 넣기(RegExp 객체 사용하기)

javascript에서 replace를 이용하여 해당하는 모든 문자열을 치환,제거하고자 할 때 정규식을 사용하여 활용하는 경우가 있다. str = str.replace(/@/g,""); 위 코드는 str 문자열에서 모든 @를 제거한다. 위 @ 대신 다른 문자를 유동적으로 받고자 변수를 넣으면 제대로 동작이 안한다. var letter = "@" str = str.replace(/letter/g,""); 위 코드는 @대신 letter을 찾아 제거한다. 이를 해결하기 위해서 RegExp 객체를 활용한다. 해당 객체는 아래와 같이 사용된다. let regexOne = new RegExp(pattern); // 일치하는 패턴 중 최초 등장하는 패턴 한 번만 찾음 let regexAll = new RegExp(p..

2021.03.11

JavaScript - 자식창에서 부모창 다루기

위와 같이 한 페이지에서 서브 페이지를 호출하는 경우 위에 있는 창을 자식창, 아래 있는 창을 부모 창이라고 한다. 자식창에서 부모창에 값을 넣거나 설정하기 위해 opener 를 이용해 조정 가능하다. function sendAddress(zipcode,area1,area2,area3,area4){ var address =area1+" "+area2+" "+area3+" "+area4 opener.document.regForm.mem_zipcode.value = zipcode opener.document.regForm.mem_address.value = address self.close();//self ==> ZipCheck.jsp(검색창) } 위 코드에서 부모창의 regform 의 mem_zipcode..

2020.08.20