在 Cocos Creator 中,要监听输入框的输入事件,你可以使用 EditBox
组件提供的回调函数。以下是一个简单的示例,演示如何在用户输入时监听 EditBox
事件。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
| -- 用于监听输入框事件的示例脚本
const { ccclass, property } = cc._decorator;
@ccclass class YourComponent extends cc.Component {
@property(cc.EditBox) yourEditBox: cc.EditBox = null;
onLoad() { this.yourEditBox.node.on('editing-did-began', this.onEditingDidBegan, this); this.yourEditBox.node.on('text-changed', this.onTextChanged, this); this.yourEditBox.node.on('editing-did-ended', this.onEditingDidEnded, this); }
onEditingDidBegan() { cc.log('用户开始输入'); }
onTextChanged() { cc.log('用户输入内容发生变化', this.yourEditBox.string); }
onEditingDidEnded() { cc.log('用户结束输入'); } }
|
在这个例子中,我们使用了三个事件:
editing-did-began
:当用户开始在输入框中输入时触发。
text-changed
:当输入框的文本内容发生变化时触发。
editing-did-ended
:当用户结束在输入框中输入时触发。
你可以根据需要选择使用这些事件中的一个或多个。在每个事件的回调函数中,你可以执行你希望进行的操作,例如更新 UI、验证输入等。
确保在适当的时机(例如 onLoad 函数中)添加事件监听器,并在适当的时机(例如组件销毁时)移除事件监听器,以避免潜在的内存泄漏问题。