Mobile Platform as a Service:Keyboard

my.hideKeyboard

Hide the keyboard.

Code example

// API-DEMO page/API/keyboard/keyboard.json
{
  "defaultTitle": "Keyboard"
}

<!-- API-DEMO page/API/keyboard/keyboard.axml-->
<view class="page">
  <view class="page-description">Input box</view>
  <view class="page-section">
    <view class="form-row">
      <view class="form-row-label">Password keyboard</view>
      <view class="form-row-content">
        <input class="input" password type="text" onInput="bindHideKeyboard" placeholder="Input 123 to automatically hide the keyboard" />
      </view>
    </view>
    <view class="form-row">
      <view class="form-row-label">Numeric keyboard</view>
      <view class="form-row-content">
        <input class="input" type="digit" onInput="bindHideKeyboard" placeholder="Input 123 to automatically hide the keyboard" />
      </view>
    </view>
  </view>
</view>

// API-DEMO page/API/keyboard/keyboard.js
Page({
  bindHideKeyboard(e) {
    if (e.detail.value === "123") {
      //Hide keyboard
      my.hideKeyboard();
    }
  },
});