在 nativescript 中完成键盘后获取 TextField 文本属性

Posted 2023-04-13

【中文标题】在 nativescript 中完成键盘后获取 TextField 文本属性

【英文标题】：Get TextField text property after keyboard done in nativescript

【发布时间】：2017-10-02 12:30:42

【问题描述】：

我有一个 TextField 并且想在用户完成输入并想要继续时收听事件。我既不想在用户每次按下任何键时调用一个函数，也不想添加一个提交按钮。键盘提供了一个“完成”按钮，所以为什么不使用它。接下来的唯一问题是如何监听该特定事件。

【参考方案1】：

returnPress 应该做你想做的事：

<TextField (returnPress)="returnPress()" 

【讨论】：

我必须将事件作为参数传递还是应该使用@ChildView 来访问文本属性？

您可以使用[(ngModel)]="myProp" 来获取来自this.myProp 的内容。实际上不确定，可能存在时间问题。如果前者不起作用，您可以尝试<TextField #tf (returnPress)="returnPress(tf.value)" （我不太了解ionic）

好的，这很简单 :D 谢谢。

传递值不起作用，但从模型中获取属性可以。

我不知道为什么，但是在这种情况下传递的值一直是一个空字符串。

【参考方案2】：

使用 NativeScript 3，您可以使用新的 blur 事件。这样，您不仅会在按下 Enter 键时调用函数，而且还会在用户以其他方式离开字段时调用函数（例如，点击不同的字段）。

在此处查看 API 参考 https://docs.nativescript.org/api-reference/classes/_ui_text_base_.textfield.html#blurevent

例子：

<TextField (blur)="userLeftTheField()">