web developer👩🏻‍💻

  • 홈
  • 태그
  • 방명록

preventDefault 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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바