EditBox 组件参考

    点击 属性检查器 下面的按钮，然后从添加 UI 组件中选择EditBox，即可添加 EditBox 组件到节点上。

    EditBox 的脚本接口请参考EditBox API。

    说明：该事件在用户点击输入框获取焦点的时候被触发。

    说明：该事件在用户每一次输入文字变化的时候被触发。

    说明：在单行模式下面，一般是在用户按下回车或者点击屏幕输入框以外的地方调用该函数。如果是多行输入，一般是在用户点击屏幕输入框以外的地方调用该函数。

    • Keyboard Return Type 特指在移动设备上面进行输入的时候，弹出的虚拟键盘上面的回车键样式。
    • 如果要输入多行，可以把 Input Mode 设置为 Any。
    • 背景图片支持九宫格缩放
      注意：如果在 iframe 里面使用，最好把 stayOnTop 属性设置为 true

    通过脚本代码添加回调

    方法一

    这种方法添加的事件回调和使用编辑器添加的事件回调是一样的，通过代码添加，你需要首先构造一个 cc.Component.EventHandler 对象，然后设置好对应的 target, component, handler 和 customEventData 参数。

    方法二

    通过 editbox.node.on('editing-did-began', …) 的方式来添加

    1. //假设我们在一个组件的 onLoad 方法里面添加事件处理回调，在 callback 函数中进行事件处理:
    3. cc.Class({
    7.     properties: {
    8.        editbox: cc.EditBox
    9.     },
    10.     onLoad: function () {
    11.        this.editbox.node.on('editbox', this.callback, this);
    14.     callback: function (event) {
    15.        //这里的 event 是一个 EventCustom 对象，你可以通过 event.detail 获取 EditBox 组件
    16.        var editbox = event.detail;
    17.        //do whatever you want with the editbox
    18.     }
    19. });