Keyboard
The Keyboard
class allows you to work with the keyboard events provided
by the Ionic keyboard plugin.
Usage
export class MyClass {
constructor(public keyboard: Keyboard) {
}
}
Instance Members
close()
Programmatically close the keyboard.
hasFocusedTextInput()
isOpen()
Check to see if the keyboard is open or not.
export class MyClass {
constructor(public keyboard: Keyboard) {
}
keyboardCheck() {
console.log('The keyboard is open:', this.keyboard.isOpen());
}
}
Returns:
boolean
returns a true or false value if the keyboard is open or not.
onClose(callback)
When the keyboard is closed, call any methods you want.
export class MyClass {
constructor(public keyboard: Keyboard) {
this.keyboard.onClose(this.closeCallback);
}
closeCallback() {
// call what ever functionality you want on keyboard close
console.log('Closing time');
}
}
Param | Type | Details |
---|---|---|
callback |
function
|
method you want to call when the keyboard has been closed. |
Returns:
function
returns a callback that gets fired when the keyboard is closed.
Sass Variables
Property | Default | Description |
---|---|---|
$cordova-statusbar-padding-modal-max-width |
767px |
The breakpoint when a modal becomes inset |
Property | Default | Description |
---|---|---|
$cordova-ios-statusbar-padding |
20px |
Height of the Statusbar |
$cordova-ios-statusbar-padding-modal-max-width |
$cordova-statusbar-padding-modal-max-width |
The breakpoint when a modal becomes inset |
Property | Default | Description |
---|---|---|
$cordova-md-statusbar-padding |
20px |
Height of the Statusbar |
$cordova-md-statusbar-padding-modal-max-width |
$cordova-statusbar-padding-modal-max-width |
The breakpoint when a modal becomes inset |
Property | Default | Description |
---|---|---|
$cordova-wp-statusbar-padding |
20px |
Height of the Statusbar |
$cordova-wp-statusbar-padding-modal-max-width |
$cordova-statusbar-padding-modal-max-width |
The breakpoint when a modal becomes inset |