일반 javascirpt IME-Mode 설정하기

황제낙엽 2010.08.17 18:12 조회 수 : 1112 추천:129

sitelink1  
sitelink2  
sitelink3  
sitelink4 http://1 
extra_vars4 ko 
extra_vars5 http://blog.naver.com/cccnam5158/80042266373 
extra_vars6 sitelink1 

기본적으로 이벤트가 발생한 키를 체크하고 아스키 코드와 비교하여

이러저러한 제어를 해주는 것도 가능하지만 일이 많다

 

다음과 같은 코드로 제어가 가능하다

 

---한글 OS ---

 

1. 영문만 입력가능  : style="ime-mode:disabled"
2. 한/영중 선택가능 : style="ime-mode:auto"
3. 디폴트 한글        : style="ime-mode:active"
4. 디폴트 영문        : style="ime-mode:inactive"

 

---일본어 OS---

일본어 OS 에서는 어떻게 동작하는지 샘플 소스를 작성해서 확인해보도록 하자

auto          : <input type="text" style = "ime-mode:auto">
active        : <input type="text" style = "ime-mode:active">
inactive     : <input type="text" style = "ime-mode:inactive">
disabled    : <input type="text" style = "ime-mode:disabled">
deactivated : <input type="text" style = "ime-mode:deactivated">

 

---현재까지의 정리---

 

auto------- 바로 전의 설정을 따름 : 즉, 영문 -> 영문, 전각(히라가나, 카타카나) -> 전각

active-----  기본 히라가나, 하지만 직접 카타카나로 해뒀다면 카타카나로 설정된다

inactive---- 기본 전/반각 영문,숫자 입력이 아닌 직접 입력으로 설정

disabled--- 반각 영문, 숫자 입력으로 고정, 변경불가

deactivated 포커스를 잃어버리기 전의 값을 보존

번호 제목 글쓴이 날짜 조회 수
237 정규식을 이용한 이메일 검증 스크립트 file 황제낙엽 2023.06.25 0
236 [URLSearchParams] URL 파라미터(매개변수) 값 가져오기 file 황제낙엽 2023.02.02 0
235 (Bard) JavaScript로 JSON 배열을 작성하는 방법 황제낙엽 2023.08.21 0
234 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 0
233 (Bard) FileReader 로 여러개의 파일을 read 하는 법 file 황제낙엽 2023.08.23 0
232 json 데이터 내의 변수명에 prefix 로 type 표현하기 황제낙엽 2024.04.15 0
231 CryptoJS 를 이용한 암호화 황제낙엽 2023.02.15 1
230 JSON 클래스가 지원하는 function 황제낙엽 2023.03.31 1
229 체크박스에 체크된 항목 개수 구하기 황제낙엽 2023.06.10 1
228 navigator.mediaDevices 황제낙엽 2023.08.21 1
227 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 황제낙엽 2023.08.21 1
226 현재 document 의 host 와 port 를 얻는 방법 황제낙엽 2023.10.03 1
225 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 1
224 (Copilot) JSON 객체의 내부 데이터 리스트 길이를 구하는 방법 황제낙엽 2023.03.30 2
223 배열에 대한 루프문 조회 (loop iterator) 황제낙엽 2023.03.01 3
222 (Copilot) 바닐라 스크립트가 뭐지? 황제낙엽 2023.02.24 7
221 Barcode Detection API 황제낙엽 2023.08.06 7
220 Arrow function 황제낙엽 2021.03.07 8
219 client 통신 기술 jquery ajax, fetch, axios 황제낙엽 2021.12.05 8
218 [펌] prototype (2) 황제낙엽 2009.04.02 9