toggle / 드래그

객체선택

속성,스타일사용 : "-" ->["-"], border-width ->borderWidth

스타일은 미리 만들 수있는것은 미리 만들어서 사용해라

classList,add,remove,toggle

set/get

appendChild/removeChild

이벤트객체이용하기

선택한 것을 변경하기/선택한것을 제거하기

지역적으로 내앞에것,내아래것 찾아서순회하기 

 

---

파일업로드

스크립트가 자동으로 파일수집할수없다.

사용자가 인식하게끔한다

브라우저마다 input type="file"형태가 다르다

<button>파일선택</button> <-css적용 , 버튼을 클릭해서 인풋이 실행되게끔할것             <input type="file">    <-기능을 버튼한테 위임 (파일업로드창팝업), 스타일이안먹는다.

클릭을 전이

파일을 드래그하게하려면 ?

드래그엔터,드개르리브

원하는 폴더에서 파일은선택해서 파란박스안에 파일을 드래그하면 enter, 밖으로벗어나면 leave출력

사진을 읽어버린다.

-브라우저뷰어로서 행동이발생한다. 정상적으로 드래그를작동시키려면 위코드가필요하다

-모두다 디폴트를 비활성화시킨다.

-기존에있는 드래그행위가 방해되는것을 막는다.

드래그: