yunyj99
라둥이
yunyj99
GitHub
전체 방문자
오늘
어제
  • 분류 전체보기 (309)
    • 1. 프로그래밍 (50)
      • 1-1. Git (17)
      • 1-2. Java (13)
      • 1-2-1. Java GUI (1)
      • 오류 (12)
      • 기타 (7)
    • 2. Front-end (57)
      • 2-1. HTML (5)
      • 2-2. CSS (19)
      • 2-3. Java Script (33)
      • 2-4. React (0)
    • 3. Back-end (47)
      • 3-1. Spring MVC - 국비 (15)
      • 3-2. Spring MVC - 남궁성 (30)
      • 3-3. Spring - 김영한 (2)
    • 4. Android (1)
    • 5. DB (20)
      • 4-1. MySQL DBMS (20)
    • 6. 자료구조 & 알고리즘 (44)
      • 6-1. 자료구조 (14)
      • 6-2. 백준 (30)
    • 7. 웹 디자인 (7)
      • 7-1. UX 디자인 (7)
    • 8. 자격증 (35)
      • 8-1. 정보처리기사 (35)
    • 프로젝트 (3)
      • 프로젝트 기록 (3)
    • etc... (43)
      • 패스트캠퍼스 챌린지 (39)
      • 잡담 (4)

블로그 메뉴

  • 홈
  • 태그

최근 글

티스토리

hELLO · Designed By 정상우.
yunyj99

라둥이

쓰기
2. Front-end/2-3. Java Script

JS - [input 태그 엔터키 눌렀을 때 이벤트]

2022. 7. 3. 23:10

text타입의 input 태그에 엔터키를 눌렀을 때 코드를 적용시키고 싶을때

onKeypress="javascript:if(event.keyCode==13) {showMember();}"

=> enter키의 아스키 코드값이 13이므로, 엔터키가 입력되었을 때 showMember() 함수를 실행시키겠다는 의미

<input type="text" class="form-control member-search-input" placeholder="아이디를 입력하세요." aria-label="Recipient's username" aria-describedby="button-addon2" onKeypress="javascript:if(event.keyCode==13) {showMember();}">
<button class="btn btn-outline-secondary member-serach" type="button" id="button-addon2" onclick="showMember();">검색</button>

 


참조

더보기

https://hsol.tistory.com/550

 

HTML 텍스트 input 폼에 Enter(엔터)키 이벤트 주기

네이버나 구글, 다음 등 포털사이트 검색창에 텍스트를 입력하고 엔터를 치면 검색이 되는것 처럼 블로그에도 적용하고 싶다는 생각이 들어 만들었습니다. 일단 예제   다른건 겉치레니 건너뛰

hsol.tistory.com

 

'2. Front-end > 2-3. Java Script' 카테고리의 다른 글

JS - [ js 파일 수정사항 브라우저에 바로 반영]  (0) 2022.07.08
JS - [ input date로 받아온 날짜 비교 ]  (0) 2022.07.04
JS - [ 모달 데이터 전달 ]  (0) 2022.07.03
JS - [ parentNode parentElement 차이 ]  (0) 2022.06.30
JS - [ 모든 자식 엘리먼트 삭제 ]  (0) 2022.06.29
    '2. Front-end/2-3. Java Script' 카테고리의 다른 글
    • JS - [ js 파일 수정사항 브라우저에 바로 반영]
    • JS - [ input date로 받아온 날짜 비교 ]
    • JS - [ 모달 데이터 전달 ]
    • JS - [ parentNode parentElement 차이 ]
    yunyj99
    yunyj99
    개발자를 목표로 하는, 새싹처럼 성장하고 싶은 사람의 학습 공간 ^v^

    티스토리툴바