![](http://i1.daumcdn.net/thumb/T650x650/?fname=https://blog.kakaocdn.net/dn/bLHEVS/btqIar1Yict/w8tdarMpi4OekAuYC1tSRK/img.jpg)
[모던자바스크립트] API활용 19.1 드래그 앤 드롭(DnD) API : HTML요소나 로컬 파일을 마우스로 끌어서옮길 수 있으며, 다른 요소에 드롭할 수도 있습니다. 이때 드래그한 요소 또는 파일의 데이터는 드롭 타깃 요소에 전달됩니다. 19.1.1 HTML 요소를 드래그할 수 있게 만들기 HTML 요소에 draggable 속성을 지정합니다. daraggable속성에는 논리값을 지정합니다. ture > drag , false > drag x 드래그할 수 있습니다. 이 속성을 지정하지 않거나 Auto로 지정하면 해당 HTML 요소의 기본값을 사용합니다. href 속성을 지정한 a 요소와 src속성을 지정한 img 요소는 기본적으로 드래그할 수있또록 만들어져 있습니다. 19.1.2 드래그 이벤트와 드롭 ..
![](http://i1.daumcdn.net/thumb/T650x650/?fname=https://blog.kakaocdn.net/dn/KCmww/btqGJwK84TD/2WHik0QOdiq8U3XyGDkfS1/img.jpg)
- 생성자를 다른 생성자에 상속하는 방법과 ECMAScript6추가된 클래스 구문 [모던자바스크립트] 18.1 생성자 18.1.1 생성자를 정의하는 방법 : 생성자는 new연산자와 함께 사용하여 객체를 생성하는(초기화해서 구축하는) 함수 입니다. 생성자를 사용하면 이름이 같은 메서드와 프로퍼티를 가진 객체를 효율저으로 여러개 생성할 수 잇씁니다. 이때 메서드를 생성자의 프로토타입 객체에 추가해 두면 메로리 낭비를 피핼 수 있으며, 그 메서드를 다른 생성자에게 상속할 수 있습니다. 1. 함수 선언문으로 정의하는 방법 See the Pen [Javascript] 생성자를 정의하는 방법 by jeongahlee (@jeongahlee) on CodePen. 18.1.2 생성자로 접근자 프로퍼티 정의하기 ; 접..
![](http://i1.daumcdn.net/thumb/T650x650/?fname=https://blog.kakaocdn.net/dn/oJm1y/btqGreE32fM/8bDSKDesgkJBYSr22gNmJ1/img.png)
function sleep(t){ return new Promise(resolve=>setTimeout(resolve,t)); } var doubleClick = 0; async function allImgDownload() { let imgs = document.querySelectorAll(".item-img-pop"); doubleClick = 1; if( doubleClick == 1){ for (let i =0; i < imgs.length; i++) { await sleep(1000); imgs[i].click(); } doubleClick = 0; } else { return false; } }
보호되어 있는 글입니다.