HTML5 드레그&드랍 draggable, ondragstart, ondrop, ondragover
1. draggable 속성 drag & drop 을 가능하게 하려면, 해당 엘리먼트에 draggable 속성을 주어야한다. 2. ondragstart 이벤트 drag 가 시작될 경우에 발생하는 이벤트로서, 보통 drag 되는 엘리먼트의 id 값을 전달하는 함수를 실행하게된다. function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); // text 라는 임의의 변수에 drag 되는 엘리먼트의 id 값을 세팅한다. } 3. ondrop 이벤트 drop 이 실행됐을 때 발생하는 이벤트가 ondrop 이벤트이다.보통, drag 에서 전달한 drag가 일어난 엘리먼트의 아이디를 받는 함수를 호출하게 된다. function drop(ev) { ev.p..
IT공부방/HTML5, CSS
2016. 8. 1. 11:14
