Ionic-자바 스크립트 키보드

키보드는 Ionic의 자동화 된 기능 중 하나입니다. 이것은 Ionic이 키보드를 열 필요가있을 때 인식 할 수 있음을 의미합니다.

키보드 사용

개발자가 Ionic 키보드로 작업하는 동안 조정할 수있는 몇 가지 기능이 있습니다. 키보드가 열려있는 동안 일부 요소를 숨기려면hide-on-keyboard-open수업. 이것이 어떻게 작동하는지 보여주기 위해 키보드가 열려있을 때 숨겨야하는 입력과 버튼을 만들었습니다.

<label class = "item item-input">
   <input type = "text" placeholder = "Input 1">
</label>

<button class = "button button-block hide-on-keyboard-open">
   button
</button>

위의 코드는 다음 화면을 생성합니다.

이제 입력 필드를 탭하면 키보드가 자동으로 열리고 버튼이 숨겨집니다.

Ionic의 좋은 기능은 화면의 요소를 조정하므로 키보드가 열려있을 때 초점이 맞춰진 요소가 항상 표시된다는 것입니다. 아래 이미지는 10 개의 입력 양식을 보여 주며 마지막은 파란색입니다.

파란색 양식을 탭하면 Ionic이 화면을 조정하므로 파란색 양식이 항상 표시됩니다.

Note − 화면이 지시문 내에있는 경우에만 작동합니다. Scroll View. Ionic 템플릿 중 하나로 시작하면 모든 템플릿이ion-content 지시문을 다른 화면 요소에 대한 컨테이너로 사용하므로 Scroll View가 항상 적용됩니다.