일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 자바스크립트 이벤트 루프
- EC2 HTTP 호스팅
- 자바스크립트 런타임
- javascript scope
- EC2 zsh
- Linux oh my zsh
- Linux 디렉터리 역할
- linux background
- linux foreground
- Linux rmdir
- JavaScript 실행 디버깅
- Linux ls
- Linux mkdir
- Linux 디렉터리 구조
- EC2 Apache2
- Linux cat
- AWS EC2 서버 만들기
- Linux pwd
- EC2 oh my zsh
- Linux 파일 관리 명령어
- javascript 정렬
- HTTP Web Server
- Linux apt-get
- Linux apt
- JavaScript EventLoop
- Logback
- Linux cd
- Linux 디렉터리 명령어
- 서버의 서비스 방식
- Navigation Pattern
Archives
- Today
- Total
목록JavaScript focus (1)
HyunJun 기술 블로그
728x90
반응형
Form, Focus
1. Form 버튼 1 버튼 2 버튼 3 form의 경우 기본적으로 submit 타입의 버튼 사용 시 폼 데이터 전송과 동시에 페이지 이동이 일어난다. form 태그 안의 button 태그들의 경우 타입을 지정해 주지 않으면 submit type으로 동작한다. onsubmit 핸들러를 통해 submit 할 때의 event에 preventDefault()를 사용해 주면, 폼의 동작(데이터 전송, 페이지 이동)을 막는다. document.getElementById("test-form").onsubmit = (e) => { e.preventDefault(); console.log(e); }; 2. Focus 활용 onfocus: input에 포커싱 됐을 때 동작한다. onblur: input에서 포커싱이 빠져..
JavaScript
2023. 7. 11. 09:20
728x90
반응형