键盘/h1>
在构建移动应用程序和PWA时,对屏幕上的屏幕键盘的存在是两个常见的路障开发人员。本指南将介绍可用于在应用程序中管理屏幕键盘的各种工具。
输入模式/a>
这code c-id="168.20.5.1">
输入模式/code>
属性允许开发人员指定可能输入输入的数据类型。这将提示浏览器显示一个键盘,该键盘包括与用户可以进入的内容相关的按钮。例如,code c-id="168.23.5.3">
InputMode =“电子邮件”/code>
将显示一个键盘code c-id="168.26.5.5">
@
关键以及输入电子邮件的其他优化。/p>
自从code c-id="168.32.5.1">
输入模式/code>
是一个全局属性,它可以用于离子组件,如betway东盟体育appcode c-id="168.35.5.3">
离子输入/code>
和code c-id="168.38.5.5">
Ion-Textarea/code>
除了常规输入元素。/p>
输入em c-id="168.44.5.1">
要求/em>
某种数据类型应该使用code c-id="168.47.5.3">
类型/code>
代替属性。例如,需要电子邮件的输入应该使用code c-id="168.50.5.5">
键入=“电子邮件”/code>
而不是指定一个code c-id="168.53.5.7">
输入模式。/code>
这是因为将输入的数据始终以电子邮件的形式。另一方面,如果输入接受电子邮件或用户名,则使用code c-id="168.56.5.9">
InputMode =“电子邮件”/code>
是合适的,因为输入的数据并不总是是电子邮件地址。/p>
有关接受值的列表,请参阅a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode" target="_blank" rel="noreferrer" c-id="168.62.5.1">
InputMode文档/a>
。/p>
用法/a>
离子项目/span>
>
离子标签/span>
>
用户名或电子邮件span class="token tag" c-id="168.96.9.4">
/span>
离子标签/span>
>
离子输入/span>
输入模式/span>
=
“/span>
电子邮件span class="token punctuation" c-id="168.118.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
输入一个数字span class="token tag" c-id="168.154.9.15">
/span>
离子标签/span>
>
Ion-Textarea/span>
输入模式/span>
=
“/span>
数字span class="token punctuation" c-id="168.176.11.3">
“/span>
>
/span>
Ion-Textarea/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
用户名或电子邮件span class="token tag" c-id="168.220.9.4">
/span>
离子标签/span>
>
离子输入/span>
输入模式/span>
=
“/span>
电子邮件span class="token punctuation" c-id="168.242.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
输入一个数字span class="token tag" c-id="168.278.9.15">
/span>
离子标签/span>
>
Ion-Textarea/span>
输入模式/span>
=
“/span>
数字span class="token punctuation" c-id="168.300.11.3">
“/span>
>
/span>
Ion-Textarea/span>
>
/span>
离子项目/span>
>
IoniTem./span>
>
Ionlabel./span>
>
用户名或电子邮件span class="token tag" c-id="168.344.9.4">
/span>
Ionlabel./span>
>
离子税务/span>
输入模式/span>
=
“/span>
电子邮件span class="token punctuation" c-id="168.366.11.3">
“/span>
>
/span>
离子税务/span>
>
/span>
IoniTem./span>
>
IoniTem./span>
>
Ionlabel./span>
>
输入一个数字span class="token tag" c-id="168.402.9.15">
/span>
Ionlabel./span>
>
Iontextarea/span>
输入模式/span>
=
“/span>
数字span class="token punctuation" c-id="168.424.11.3">
“/span>
>
/span>
Iontextarea/span>
>
/span>
IoniTem./span>
>
离子项目/span>
>
离子标签/span>
>
用户名或电子邮件span class="token tag" c-id="168.468.9.4">
/span>
离子标签/span>
>
离子输入/span>
输入模式/span>
=
“/span>
电子邮件span class="token punctuation" c-id="168.490.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
输入一个数字span class="token tag" c-id="168.526.9.15">
/span>
离子标签/span>
>
Ion-Textarea/span>
输入模式/span>
=
“/span>
数字span class="token punctuation" c-id="168.548.11.3">
“/span>
>
/span>
Ion-Textarea/span>
>
/span>
离子项目/span>
>
这code c-id="168.578.6.1">
输入模式/code>
运行Chrome 66+和iOS Safari 12.2+的设备支持属性:a href="https://caniuse.com/" title="https://caniuse.com/#search=inputmode.“c-id="168.581.6.3">
https://caniuse.com/#search=inputmode./a>
enterKeyHint./a>
这code c-id="168.593.5.1">
enterKeyHint./code>
属性允许开发人员指定应为“Enter”键显示的操作标签或图标类型。使用code c-id="168.596.5.3">
enterKeyHint./code>
让用户知道当他们点击“Enter”键时会发生什么。此处应指定的值取决于用户在做什么的上下文。例如,如果用户键入搜索框中,开发人员应确保输入具有code c-id="168.599.5.5">
enterKeyHint =“搜索”/code>
。/p>
自从code c-id="168.605.5.1">
enterKeyHint./code>
是一个全局属性,它可以用于离子组件,如betway东盟体育appcode c-id="168.608.5.3">
离子输入/code>
和code c-id="168.611.5.5">
Ion-Textarea/code>
除了常规输入元素。/p>
有关接受值的列表,请参阅a href="https://html.spec.whatwg.org/dev/interaction.html" target="_blank" rel="noreferrer" c-id="168.617.5.1">
enterKeyHint标准/a>
。/p>
用法/a>
离子项目/span>
>
离子标签/span>
>
输入搜索查询span class="token tag" c-id="168.651.9.4">
/span>
离子标签/span>
>
离子输入/span>
enterKeyHint./span>
=
“/span>
搜索span class="token punctuation" c-id="168.673.11.3">
“/span>
类型/span>
=
“/span>
搜索span class="token punctuation" c-id="168.684.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
输入搜索查询span class="token tag" c-id="168.728.9.4">
/span>
离子标签/span>
>
离子输入/span>
enterKeyHint./span>
=
“/span>
搜索span class="token punctuation" c-id="168.750.11.3">
“/span>
类型/span>
=
“/span>
搜索span class="token punctuation" c-id="168.761.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
IoniTem./span>
>
Ionlabel./span>
>
输入搜索查询span class="token tag" c-id="168.805.9.4">
/span>
Ionlabel./span>
>
离子税务/span>
enterKeyHint./span>
=
“/span>
搜索span class="token punctuation" c-id="168.827.11.3">
“/span>
类型/span>
=
“/span>
搜索span class="token punctuation" c-id="168.838.11.3">
“/span>
>
/span>
离子税务/span>
>
/span>
IoniTem./span>
>
离子项目/span>
>
离子标签/span>
>
输入搜索查询span class="token tag" c-id="168.882.9.4">
/span>
离子标签/span>
>
离子输入/span>
enterKeyHint./span>
=
“/span>
搜索span class="token punctuation" c-id="168.904.11.3">
“/span>
类型/span>
=
“/span>
搜索span class="token punctuation" c-id="168.915.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
这code c-id="168.945.6.1">
enterKeyHint./code>
运行Chrome 77+和iOS Safari 13.4+的设备支持属性。/p>
黑暗模式/a>
默认情况下,键盘主题由OS确定。例如,如果在iOS上启用了暗模式,即使您的应用程序在其CSS中没有黑暗主题,应用程序中的键盘将显示为暗主题。
在移动Web浏览器中运行应用程序或作为PWA时,无法强制键盘出现某个主题。/p>
在电容器或Cordova中运行应用程序时,可以强制键盘以某个主题出现。有关此配置的更多信息,请参阅a href="https://capacitor.m.jesscamp.com/docs/apis/keyboard" target="_blank" c-id="168.964.5.1">
电容器键盘文档/a>
。/p>
隐藏配件栏/a>
运行任何类型的基于Web的应用程序时,IO将在键盘上方显示附件栏。这允许用户移动到下一个或以前的输入以及关闭键盘。
在移动Web浏览器中运行应用程序或作为PWA运行应用程序,无法隐藏附件栏。/p>
在电容器或Cordova中运行应用程序时,可以隐藏附件栏。有关此配置的更多信息,请参阅a href="https://capacitor.m.jesscamp.com/docs/apis/keyboard" target="_blank" c-id="168.982.5.1">
电容器键盘文档/a>
。/p>
键盘生命周期事件/a>
检测屏幕上键盘的存在对于调整键盘隐藏的输入的定位是有用的。对于电容器和Cordova应用程序,开发人员通常依赖于本机键盘插件来侦听键盘生命周期事件。对于在移动浏览器中运行或作为PWA运行的应用程序,开发人员可以使用a href="https://developer.mozilla.org/en-US/docs/Web/API/Visual_Viewport_API" rel="noreferrer" target="_blank" c-id="168.994.5.1">
Visual ViewPort API./a>
在哪里受支持。betway东盟体育app离子框架包裹着这两种方法并发出code c-id="168.997.5.3">
IonkeyboardDidshow./code>
和code c-id="168.1000.5.5">
IonkeyboardDidhide./code>
活动活动code c-id="168.1003.5.7">
窗户/code>
。事件有效载荷code c-id="168.1006.5.9">
IonkeyboardDidshow./code>
包含像素中键盘高度的近似值。/p>
用法/a>
窗户span class="token punctuation" c-id="168.1025.9.1">
。/span>
addeventlistener./span>
(/span>
'ionkeyboarddidshow'/span>
那/span>
EV./span>
=>/span>
{
Const./span>
{
键盘span class="token punctuation" c-id="168.1051.9.17">
}
=
EV.span class="token punctuation" c-id="168.1057.9.21">
;/span>
//用键盘高度做点什么,例如在键盘上方翻译输入。/span>
}
的)/span>
;/span>
窗户span class="token punctuation" c-id="168.1070.9.29">
。/span>
addeventlistener./span>
(/span>
'IonkeyboardDidhide'/span>
那/span>
(/span>
的)/span>
=>/span>
{
//将输入移动回原始位置/span>
}
的)/span>
;/span>
进口/span>
{
平台span class="token punctuation" c-id="168.1116.9.4">
}
从/span>
'@betway东盟体育app离子/棱角'/span>
;/span>
....../span>
构造函数/span>
(/span>
私人的/span>
平台span class="token operator" c-id="168.1138.10.2">
:/span>
平台/span>
的)/span>
{
这/span>
。/span>
平台span class="token punctuation" c-id="168.1152.9.23">
。/span>
KeyboardDidshow.span class="token punctuation" c-id="168.1155.9.25">
。/span>
订阅/span>
(/span>
EV./span>
=>/span>
{
Const./span>
{
键盘span class="token punctuation" c-id="168.1176.9.38">
}
=
EV.span class="token punctuation" c-id="168.1182.9.42">
;/span>
//用键盘高度做点什么,例如在键盘上方翻译输入。/span>
}
的)/span>
;/span>
这/span>
。/span>
平台span class="token punctuation" c-id="168.1200.9.53">
。/span>
键盘Didhide.span class="token punctuation" c-id="168.1203.9.55">
。/span>
订阅/span>
(/span>
(/span>
的)/span>
=>/span>
{
//将输入移动回原始位置/span>
}
的)/span>
;/span>
}
进口/span>
{
使用keyboardstate.span class="token punctuation" c-id="168.1247.9.4">
}
从/span>
'@betway东盟体育app离子/反应钩/键盘'/span>
;/span>
....../span>
Const./span>
{
开了span class="token punctuation" c-id="168.1267.9.17">
那/span>
键盘span class="token punctuation" c-id="168.1270.9.19">
}
=
使用keyboardstate./span>
(/span>
的)/span>
;/span>
//用键盘高度做点什么,例如在键盘上方翻译输入/span>
进口/span>
{
useyboardspan class="token punctuation" c-id="168.1302.9.4">
}
从/span>
'@betway东盟体育app ionic / vue'/span>
;/span>
进口/span>
{
手表span class="token punctuation" c-id="168.1319.9.15">
}
从/span>
'vue'/span>
;/span>
....../span>
Const./span>
{
开了span class="token punctuation" c-id="168.1339.9.28">
那/span>
键盘span class="token punctuation" c-id="168.1342.9.30">
}
=
useyboard/span>
(/span>
的)/span>
;/span>
手表/span>
(/span>
键盘span class="token punctuation" c-id="168.1362.9.42">
那/span>
(/span>
的)/span>
=>/span>
{
安慰/span>
。/span>
日志/span>
(/span>
`
键盘开放:/span>
$ {/span>
开了span class="token punctuation" c-id="168.1393.11.2">
。/span>
价值span class="token interpolation-punctuation punctuation" c-id="168.1396.11.4">
}
,键盘高度:/span>
$ {/span>
键盘span class="token punctuation" c-id="168.1404.11.2">
。/span>
价值span class="token interpolation-punctuation punctuation" c-id="168.1407.11.4">
}
`
的)/span>
;/span>
}
的)/span>
;/span>
对于在移动Web浏览器中运行的应用程序或作为PWA,Chrome 62+和iOS Safari 13.0+仅支持键盘生命周期事件。/p>
以前的/div>
硬件返回按钮/span>
在构建移动应用程序和PWA时,对屏幕上的屏幕键盘的存在是两个常见的路障开发人员。本指南将介绍可用于在应用程序中管理屏幕键盘的各种工具。
输入模式/a>
这code c-id="168.20.5.1"> 输入模式/code> 属性允许开发人员指定可能输入输入的数据类型。这将提示浏览器显示一个键盘,该键盘包括与用户可以进入的内容相关的按钮。例如,code c-id="168.23.5.3"> InputMode =“电子邮件”/code> 将显示一个键盘code c-id="168.26.5.5"> @ 关键以及输入电子邮件的其他优化。/p>
自从code c-id="168.32.5.1"> 输入模式/code> 是一个全局属性,它可以用于离子组件,如betway东盟体育appcode c-id="168.35.5.3"> 离子输入/code> 和code c-id="168.38.5.5"> Ion-Textarea/code> 除了常规输入元素。/p>
输入em c-id="168.44.5.1"> 要求/em> 某种数据类型应该使用code c-id="168.47.5.3"> 类型/code> 代替属性。例如,需要电子邮件的输入应该使用code c-id="168.50.5.5"> 键入=“电子邮件”/code> 而不是指定一个code c-id="168.53.5.7"> 输入模式。/code> 这是因为将输入的数据始终以电子邮件的形式。另一方面,如果输入接受电子邮件或用户名,则使用code c-id="168.56.5.9"> InputMode =“电子邮件”/code> 是合适的,因为输入的数据并不总是是电子邮件地址。/p>
有关接受值的列表,请参阅a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode" target="_blank" rel="noreferrer" c-id="168.62.5.1"> InputMode文档/a> 。/p>
用法/a>
离子项目/span>
>
离子标签/span>
>
用户名或电子邮件span class="token tag" c-id="168.96.9.4">
/span>
离子标签/span>
>
离子输入/span>
输入模式/span>
=
“/span>
电子邮件span class="token punctuation" c-id="168.118.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
输入一个数字span class="token tag" c-id="168.154.9.15">
/span>
离子标签/span>
>
Ion-Textarea/span>
输入模式/span>
=
“/span>
数字span class="token punctuation" c-id="168.176.11.3">
“/span>
>
/span>
Ion-Textarea/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
用户名或电子邮件span class="token tag" c-id="168.220.9.4">
/span>
离子标签/span>
>
离子输入/span>
输入模式/span>
=
“/span>
电子邮件span class="token punctuation" c-id="168.242.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
输入一个数字span class="token tag" c-id="168.278.9.15">
/span>
离子标签/span>
>
Ion-Textarea/span>
输入模式/span>
=
“/span>
数字span class="token punctuation" c-id="168.300.11.3">
“/span>
>
/span>
Ion-Textarea/span>
>
/span>
离子项目/span>
>
IoniTem./span>
>
Ionlabel./span>
>
用户名或电子邮件span class="token tag" c-id="168.344.9.4">
/span>
Ionlabel./span>
>
离子税务/span>
输入模式/span>
=
“/span>
电子邮件span class="token punctuation" c-id="168.366.11.3">
“/span>
>
/span>
离子税务/span>
>
/span>
IoniTem./span>
>
IoniTem./span>
>
Ionlabel./span>
>
输入一个数字span class="token tag" c-id="168.402.9.15">
/span>
Ionlabel./span>
>
Iontextarea/span>
输入模式/span>
=
“/span>
数字span class="token punctuation" c-id="168.424.11.3">
“/span>
>
/span>
Iontextarea/span>
>
/span>
IoniTem./span>
>
离子项目/span>
>
离子标签/span>
>
用户名或电子邮件span class="token tag" c-id="168.468.9.4">
/span>
离子标签/span>
>
离子输入/span>
输入模式/span>
=
“/span>
电子邮件span class="token punctuation" c-id="168.490.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
输入一个数字span class="token tag" c-id="168.526.9.15">
/span>
离子标签/span>
>
Ion-Textarea/span>
输入模式/span>
=
“/span>
数字span class="token punctuation" c-id="168.548.11.3">
“/span>
>
/span>
Ion-Textarea/span>
>
/span>
离子项目/span>
>
这code c-id="168.578.6.1"> 输入模式/code> 运行Chrome 66+和iOS Safari 12.2+的设备支持属性:a href="https://caniuse.com/" title="https://caniuse.com/#search=inputmode.“c-id="168.581.6.3"> https://caniuse.com/#search=inputmode./a>
enterKeyHint./a>
这code c-id="168.593.5.1"> enterKeyHint./code> 属性允许开发人员指定应为“Enter”键显示的操作标签或图标类型。使用code c-id="168.596.5.3"> enterKeyHint./code> 让用户知道当他们点击“Enter”键时会发生什么。此处应指定的值取决于用户在做什么的上下文。例如,如果用户键入搜索框中,开发人员应确保输入具有code c-id="168.599.5.5"> enterKeyHint =“搜索”/code> 。/p>
自从code c-id="168.605.5.1"> enterKeyHint./code> 是一个全局属性,它可以用于离子组件,如betway东盟体育appcode c-id="168.608.5.3"> 离子输入/code> 和code c-id="168.611.5.5"> Ion-Textarea/code> 除了常规输入元素。/p>
有关接受值的列表,请参阅a href="https://html.spec.whatwg.org/dev/interaction.html" target="_blank" rel="noreferrer" c-id="168.617.5.1"> enterKeyHint标准/a> 。/p>
用法/a>
离子项目/span>
>
离子标签/span>
>
输入搜索查询span class="token tag" c-id="168.651.9.4">
/span>
离子标签/span>
>
离子输入/span>
enterKeyHint./span>
=
“/span>
搜索span class="token punctuation" c-id="168.673.11.3">
“/span>
类型/span>
=
“/span>
搜索span class="token punctuation" c-id="168.684.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
离子项目/span>
>
离子标签/span>
>
输入搜索查询span class="token tag" c-id="168.728.9.4">
/span>
离子标签/span>
>
离子输入/span>
enterKeyHint./span>
=
“/span>
搜索span class="token punctuation" c-id="168.750.11.3">
“/span>
类型/span>
=
“/span>
搜索span class="token punctuation" c-id="168.761.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
IoniTem./span>
>
Ionlabel./span>
>
输入搜索查询span class="token tag" c-id="168.805.9.4">
/span>
Ionlabel./span>
>
离子税务/span>
enterKeyHint./span>
=
“/span>
搜索span class="token punctuation" c-id="168.827.11.3">
“/span>
类型/span>
=
“/span>
搜索span class="token punctuation" c-id="168.838.11.3">
“/span>
>
/span>
离子税务/span>
>
/span>
IoniTem./span>
>
离子项目/span>
>
离子标签/span>
>
输入搜索查询span class="token tag" c-id="168.882.9.4">
/span>
离子标签/span>
>
离子输入/span>
enterKeyHint./span>
=
“/span>
搜索span class="token punctuation" c-id="168.904.11.3">
“/span>
类型/span>
=
“/span>
搜索span class="token punctuation" c-id="168.915.11.3">
“/span>
>
/span>
离子输入/span>
>
/span>
离子项目/span>
>
这code c-id="168.945.6.1"> enterKeyHint./code> 运行Chrome 77+和iOS Safari 13.4+的设备支持属性。/p>
黑暗模式/a>
默认情况下,键盘主题由OS确定。例如,如果在iOS上启用了暗模式,即使您的应用程序在其CSS中没有黑暗主题,应用程序中的键盘将显示为暗主题。
在移动Web浏览器中运行应用程序或作为PWA时,无法强制键盘出现某个主题。/p>
在电容器或Cordova中运行应用程序时,可以强制键盘以某个主题出现。有关此配置的更多信息,请参阅a href="https://capacitor.m.jesscamp.com/docs/apis/keyboard" target="_blank" c-id="168.964.5.1"> 电容器键盘文档/a> 。/p>
隐藏配件栏/a>
运行任何类型的基于Web的应用程序时,IO将在键盘上方显示附件栏。这允许用户移动到下一个或以前的输入以及关闭键盘。
在移动Web浏览器中运行应用程序或作为PWA运行应用程序,无法隐藏附件栏。/p>
在电容器或Cordova中运行应用程序时,可以隐藏附件栏。有关此配置的更多信息,请参阅a href="https://capacitor.m.jesscamp.com/docs/apis/keyboard" target="_blank" c-id="168.982.5.1"> 电容器键盘文档/a> 。/p>
键盘生命周期事件/a>
检测屏幕上键盘的存在对于调整键盘隐藏的输入的定位是有用的。对于电容器和Cordova应用程序,开发人员通常依赖于本机键盘插件来侦听键盘生命周期事件。对于在移动浏览器中运行或作为PWA运行的应用程序,开发人员可以使用a href="https://developer.mozilla.org/en-US/docs/Web/API/Visual_Viewport_API" rel="noreferrer" target="_blank" c-id="168.994.5.1"> Visual ViewPort API./a> 在哪里受支持。betway东盟体育app离子框架包裹着这两种方法并发出code c-id="168.997.5.3"> IonkeyboardDidshow./code> 和code c-id="168.1000.5.5"> IonkeyboardDidhide./code> 活动活动code c-id="168.1003.5.7"> 窗户/code> 。事件有效载荷code c-id="168.1006.5.9"> IonkeyboardDidshow./code> 包含像素中键盘高度的近似值。/p>
用法/a>
窗户span class="token punctuation" c-id="168.1025.9.1">
。/span>
addeventlistener./span>
(/span>
'ionkeyboarddidshow'/span>
那/span>
EV./span>
=>/span>
{
Const./span>
{
键盘span class="token punctuation" c-id="168.1051.9.17">
}
=
EV.span class="token punctuation" c-id="168.1057.9.21">
;/span>
//用键盘高度做点什么,例如在键盘上方翻译输入。/span>
}
的)/span>
;/span>
窗户span class="token punctuation" c-id="168.1070.9.29">
。/span>
addeventlistener./span>
(/span>
'IonkeyboardDidhide'/span>
那/span>
(/span>
的)/span>
=>/span>
{
//将输入移动回原始位置/span>
}
的)/span>
;/span>
进口/span>
{
平台span class="token punctuation" c-id="168.1116.9.4">
}
从/span>
'@betway东盟体育app离子/棱角'/span>
;/span>
....../span>
构造函数/span>
(/span>
私人的/span>
平台span class="token operator" c-id="168.1138.10.2">
:/span>
平台/span>
的)/span>
{
这/span>
。/span>
平台span class="token punctuation" c-id="168.1152.9.23">
。/span>
KeyboardDidshow.span class="token punctuation" c-id="168.1155.9.25">
。/span>
订阅/span>
(/span>
EV./span>
=>/span>
{
Const./span>
{
键盘span class="token punctuation" c-id="168.1176.9.38">
}
=
EV.span class="token punctuation" c-id="168.1182.9.42">
;/span>
//用键盘高度做点什么,例如在键盘上方翻译输入。/span>
}
的)/span>
;/span>
这/span>
。/span>
平台span class="token punctuation" c-id="168.1200.9.53">
。/span>
键盘Didhide.span class="token punctuation" c-id="168.1203.9.55">
。/span>
订阅/span>
(/span>
(/span>
的)/span>
=>/span>
{
//将输入移动回原始位置/span>
}
的)/span>
;/span>
}
进口/span>
{
使用keyboardstate.span class="token punctuation" c-id="168.1247.9.4">
}
从/span>
'@betway东盟体育app离子/反应钩/键盘'/span>
;/span>
....../span>
Const./span>
{
开了span class="token punctuation" c-id="168.1267.9.17">
那/span>
键盘span class="token punctuation" c-id="168.1270.9.19">
}
=
使用keyboardstate./span>
(/span>
的)/span>
;/span>
//用键盘高度做点什么,例如在键盘上方翻译输入/span>
进口/span>
{
useyboardspan class="token punctuation" c-id="168.1302.9.4">
}
从/span>
'@betway东盟体育app ionic / vue'/span>
;/span>
进口/span>
{
手表span class="token punctuation" c-id="168.1319.9.15">
}
从/span>
'vue'/span>
;/span>
....../span>
Const./span>
{
开了span class="token punctuation" c-id="168.1339.9.28">
那/span>
键盘span class="token punctuation" c-id="168.1342.9.30">
}
=
useyboard/span>
(/span>
的)/span>
;/span>
手表/span>
(/span>
键盘span class="token punctuation" c-id="168.1362.9.42">
那/span>
(/span>
的)/span>
=>/span>
{
安慰/span>
。/span>
日志/span>
(/span>
`
键盘开放:/span>
$ {/span>
开了span class="token punctuation" c-id="168.1393.11.2">
。/span>
价值span class="token interpolation-punctuation punctuation" c-id="168.1396.11.4">
}
,键盘高度:/span>
$ {/span>
键盘span class="token punctuation" c-id="168.1404.11.2">
。/span>
价值span class="token interpolation-punctuation punctuation" c-id="168.1407.11.4">
}
`
的)/span>
;/span>
}
的)/span>
;/span>
对于在移动Web浏览器中运行的应用程序或作为PWA,Chrome 62+和iOS Safari 13.0+仅支持键盘生命周期事件。/p>