웹개발
jquery 이미지 클릭 시 좌표 위치 얻기 + 태그 등록 1
또름이
2023. 2. 6. 13:58
작업 필요 내용
1. 이미지가 존재하는 DIV가 있다
2. 해당 이미지를 클릭하였을 경우 이미지에 대한 위치정보를 가져온다
3. 필요한 값을 별도의 입력폼으로 입력받아 해당 위치에 플로팅한다. - (나중에써야징)
html로 간단히 div와 img 태그를 작성해준다.
이벤트 바인딩 (이미지를 클릭했을때만 작동되도록 이미지에)
이미지를 클릭후 console.log로 해당값 확인 (x,y값)
$(this)[0] 부분을 console.log로 찍어 보면 다양한 값들을 확인 할 수 있으니 한번 둘러봐도 좋을듯
아래는 지금까지 소스...