data life

JS - preventDefault() , localStorage 본문

Front-end/JavaScript

JS - preventDefault() , localStorage

주술회전목마 2022. 11. 3. 19:45

preventDefault()

event.preventDefault()

:어떤 event의 기본 행동이 발생되는 것을 막음

: addEventLister 내부 함수가 발생되는 것을 막음

 

*사용 예시*

submit 버튼을 눌러도 새로고침이 안되게끔

<a> 태그를 눌렀을 때도 href링크로 이동하지 않게끔 

 

localStorage

: 하나의 작은 DB

: key-value 형태

: array로는 저장 불가 only text만!

  • setItem : 데이터 저장
localStorage.setItem("key","value");
  • getItem : 데이터 읽기
localStorage.getItem("key");
  • removeItem : 데이터 지우기
localStorage.removeItem("key");
  • clear : 초기화
localStorage.clear();

 

'Front-end > JavaScript' 카테고리의 다른 글

JS - JS로 HTML 요소 추가하기  (0) 2022.11.05
JS - setInterval()/setTimeout() , Date() , padStart()/padEnd()  (0) 2022.11.03
JS - 표준 객체 Math  (0) 2022.11.03
JS - className(), classList()  (0) 2022.10.31
Js - Basics, Document  (0) 2022.10.28