web developer👩🏻‍💻

  • 홈
  • 태그
  • 방명록

keycode 1

[JavaScript] input Box 자동 submit 막는 방법 3가지

input Box가 하나이고, 값을 입력 후 enter키를 누르면 submit이 돼버리는 현상이 생겼다. 이 문제를 해결하기 위한 방법 3가지를 적어보려고 한다. 1. input Box를 하나더 생성한다. style로 숨기기. 원래의 소스에 style display:none인 input을 추가해준다. * type은 text * display:none - 아예 사라지게 하는 것. 보이지도 않고 해당 공간도 존재하지 X visibility:hidden - 보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재 2. keycode값을 판단해서 처리해준다. (추천) preventDefault : 브라우저 고유의 동작을 중단 stopPropagation : 부모 엘리먼트에게 이..

js 2021.11.04
이전
1
다음
프로필사진

web developer👩🏻‍💻

  • Category (192)
    • Spring (31)
      • Spring Boot (2)
    • js (64)
    • DB (24)
    • multi (7)
    • css (7)
    • 형상관리 (6)
    • 정보처리기사 (1)
    • Tistory (5)
    • Basic (14)
    • iOS (24)
    • Error (5)

Tag

Swift, 윈도우심볼릭, jxls 엑셀, poi monitorjbl, Oracle, MSsql, swift 계산기, xlsx-streamer, spring annotation, swift 메모장 만들기, mysql, ios app 개발, 윈도우심볼릭링크걸기, jxls, xcode swift memo, Xcode, PostgreSQL, monitorjbl, monitorjbl 엑셀, xcode12.5.1,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 07  
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.