자바스크립트를 이용한 요소를 다른요소의 박스안으로 이동 시키기
자바스크립트로 이미지나 엘리먼트등 id 값을 가지고 있는것을 다른 요소의 안에 이동 시키는는데 마우스 이벤트를 잃어 버리는 경우와 유지 하는 경우에 대한 것입니다.
필요에 따라 사용하면 됩니다.
let id_name = 'test01';
let pageNum = 2;
// 마우스 이벤트 잃어버림
let tmp_image = $("#"+id_name).clone().wrapAll("<div />").parent().html();
$("#" + id_name).remove();
$("#page" + pageNum).append(tmp_image);
// 마우스 이벤트 유지
$("#"+id_name).insertAfter("#page" + pageNum);
jQuery를 이용한것입니다.
첫번째 방법은 복사를 한 다음 remove를 이용하여 삭제를 하기 때문에 마우스 이벤트가 없어집니다.
두번째는 삭제가 들어가는 방식이 아니기 때문에 마우스 이벤트는 유지 됩니다.
위방식에서 끼워지는 위치는 약간 다른데요. 이부분은 직접 테스트 하여 확인 하시면 됩니다.