jquery 이미지 클릭 시 좌표 위치 얻기 + 태그 등록 1

작업 필요 내용

1. 이미지가 존재하는 DIV가 있다

2. 해당 이미지를 클릭하였을 경우 이미지에 대한 위치정보를 가져온다

3. 필요한 값을 별도의 입력폼으로 입력받아 해당 위치에 플로팅한다. - (나중에써야징)

 

 

html로 간단히 div와 img 태그를 작성해준다.

이미지 클릭시 위치얻기 HTML 태그

이벤트 바인딩 (이미지를 클릭했을때만 작동되도록 이미지에)

이미지 클릭시 위치얻기 jquery event

 

이미지를 클릭후 console.log로 해당값 확인 (x,y값)

$(this)[0] 부분을 console.log로 찍어 보면 다양한 값들을 확인 할 수 있으니 한번 둘러봐도 좋을듯

이미지 클릭시 위치얻기 결과 예

 

 

아래는 지금까지 소스...