프로그래밍/자바스크립트 (1) 썸네일형 리스트형 [JavaScript] 드래그 앤 드롭 _ drag and drop _ 자바스크립트 [JavaScript] 드래그 앤 드롭 _ drag and drop _ 자바스크립트 드래그&드롭 | [출처 : https://www.w3schools.com/html/html5_draganddrop.asp] w3school에 있는 자료를 바탕으로 실습해보는 글 입니다. 소스코드를 분석하면서 하나하나 어떤 원리도 동작하는지 살펴보려고 합니다. 퍼온 예제는 다음과 같습니다. 예제 | 결과 | 설명 | 1. 드래그 함수 function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); } 드래그 했을시, 드래그 당하고 있는 해당 객체의 id를 가져와서 dataTransfer.setData로 담아줍니다. 해당 객체의 별명을 text로 지정해주게 됩니다. 그러.. 이전 1 다음
