javascript - 在输入字段模糊时隐藏 Nativescript 中的 Android 键盘

Question

我有一个注册表单，其中包含多个文本字段和其他输入。当用户点击其中一个字段时，Android 软键盘将始终按预期显示。如果我点击字段之外，键盘不会隐藏。有没有办法捕获此事件，以便当用户在任何输入之外点击时我可以隐藏键盘？

看起来执行以下操作可以让我隐藏键盘

var pageContainer = page.getViewById('registration-container');
if(pageContainer.android) {
    pageContainer.android.clearFocus();
}

但我不确定如何捕获每个模糊表单输入的点击事件。我什至不确定这对于 Android 是否可行。

Answer 1

您可以将点击监听器放置到父 View 中，以便当您单击它(文本字段之外的任何位置)时，它将清除显示键盘的文本字段的焦点。您所做的方法是清除容器的焦点，而它应该恰好是文本字段:

在 XML 中:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
    <StackLayout tap="clearTextfieldFocus">
        <Label text="Tap the button" class="title"/>
        <Label text="{{ message }}" class="message" textWrap="true"/>
        <TextField id="myTextfield" hint="Type here..."/>
    </StackLayout>
</Page>

在page.js中:

function clearTextfieldFocus(args) {
    var layout = args.object;
    var myTextfield = layout.getViewById("myTextfield");
    myTextfield.android.clearFocus();
}
exports.clearTextfieldFocus = clearTextfieldFocus;

P/s:文本字段上的点击监听器将覆盖父监听器，因此单击文本字段仍会获得焦点并显示键盘