Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- ガキの使い
- Home Alone
- 미국부동산앱
- 헬조선
- 쓰레기부모
- 가키노츠카이2020-2021
- Rolf's
- CSS3
- javacsript
- 笑ってはいけない2020-2021
- 얻은것과
- null
- viewport
- 3D Effect
- Hideyoshi
- Japan Rap
- M-1그랑프리
- 일본월세
- ZILLOW
- 잃은것
- Johnny Mathis
- 어른이
- Japan Hip Hop
- 도쿄동네별특징
- homes.jp
- 年末年越し番組
- Rüdesheim am Rhein
- 마피아게임
- 클릭시이미지복사해다른곳에띄우기
- 방어회
Archives
- Today
- Total
목록javacsript (1)
디블리셔에서 프론트엔드가 되어가는 불쌍한 IT땔감
이미지 클릭 시, 클릭한 이미지를 원하는 위치에 복사해 가기.
.click-img 는 내가 클릭할 이미지를 감싸고 있는 div다. .clone-img는 내가 클릭한 이미지를 복사할 곳이다. (적절한 css와 jquery 사용으로, 이 .clone-img를 새창 팝업창이나 모바일 모달팝업으로 만들 수도 있다.) 그렇다면 이제... javascript를 어떻게 작성해 볼까? 클릭 시 벌어지는 이벤트이니까, 클릭 이벤트리스너를 먼저 구성해 보자. $('.click-img').click(function(){ }); .click-img 를 클릭했을 때, 어떠한 펑션을 돌리게 하겠다. 어떠한 것을 돌릴까? .clone-img에 내가 클릭한 이미지를 복사해 가고 싶다. 작성해 보자. $('.click-img').click(function(){ $(this).clone().app..
IT/Javascrpt, Jquery
2020. 12. 7. 14:04