투케이2K

128. (javascript/자바스크립트) input box 포커스 활성 및 비활성 , 가상 키보드 제어 처리 본문

JavaScript

128. (javascript/자바스크립트) input box 포커스 활성 및 비활성 , 가상 키보드 제어 처리

투케이2K 2022. 5. 2. 16:25
반응형

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : javascript

 

[소스 코드]

// [body 소스 코드]
<input id="input_box" type="text" name="input_box" value="" placeholder="입력해주세요.">





// [자바스크립트 소스 코드]
document.getElementById("input_box").focus(); // [포커스 활성]
document.getElementById("input_box").blur(); // [포커스 해제]





// [모바일 가상 키보드 제어 속성 : inputmode]

[1]. 가상 키보드 비활성
<input id="input_box" type="text" name="input_box" value="" placeholder="입력해주세요." inputmode="none">


[2]. 일반 텍스트 입력 키보드
<input id="input_box" type="text" name="input_box" value="" placeholder="입력해주세요." inputmode="text">


[3]. 숫자 입력 키보드
<input id="input_box" type="text" name="input_box" value="" placeholder="입력해주세요." inputmode="decimal">


[4]. 숫자 입력 키보드
<input id="input_box" type="text" name="input_box" value="" placeholder="입력해주세요." inputmode="numeric">


[5]. 전화 번호 입력 키보드
<input id="input_box" type="text" name="input_box" value="" placeholder="입력해주세요." inputmode="tel">


[6]. 검색 키보드
<input id="input_box" type="text" name="input_box" value="" placeholder="입력해주세요." inputmode="search">


[7]. 이메일 입력 키보드
<input id="input_box" type="text" name="input_box" value="" placeholder="입력해주세요." inputmode="email">


[8]. 주소 입력 키보드
<input id="input_box" type="text" name="input_box" value="" placeholder="입력해주세요." inputmode="url">

 

반응형
저작자표시

'JavaScript' 카테고리의 다른 글

130. (javascript/자바스크립트) test() 함수 사용해 특정 문자열 패턴을 포함하는지 확인 실시 - 정규식 , 문자열 패턴  (0) 2022.05.14
129. (javascript/자바스크립트) 이스케이프 (escape) , 언이스케이프 (unescape) 문자열 유니코드로 인코딩 및 디코딩 수행  (0) 2022.05.13
127. (javascript/자바스크립트) moment 라이브러리 사용해 Date 날짜 형식 간편 포맷 수행 실시 - 24 시간 포맷  (0) 2022.05.02
126. (javascript/자바스크립트) select , option 셀렉트 박스 및 옵션 아이템 동적 생성 실시 - createElement  (0) 2022.04.29
125. (javascript/자바스크립트) select box 셀렉트 박스 현재 선택된 아이템 확인 실시  (0) 2022.04.23
'JavaScript' Related Articles more
Comments