728x90
반응형
자바스크립트로 선언하여 document 에서
dragenter, drop 등의 이벤트를 제어하려고해도 제대로 작동않는 경우가 있다.
직접 경험한 예로 전체 영역에 파일 드래그 앤 드랍을 통한 업로드를 구현하려 할때
로직을 제대로 타지 않고 새창에서 파일을 로딩해버리는 경우가 생겼었다.
이 때, 간단하게 바디태그에 retern false 처리를 해주면 제대로 작동한다.
<!DOCTYPE html>
<html lang="ko">
<head></head>
<body
ondragstart="return false;"
ondragenter="return false;"
ondragover="return false;"
ondrop="return false;">
<div>Drag & Drop Area</div>
</body>
</html>반응형
'Googling > javascript' 카테고리의 다른 글
| [JavaScript] 오픈소스 활용 json 엑셀파일로 내보내기 (feat. SheetJs) (0) | 2021.08.01 |
|---|---|
| [Javascript] 배열 (array) 자르기 - slice() (0) | 2021.05.12 |
