cocos2d-js 关于多端文本输入框问题

网页版 手机版

this.editbox2 = new cc.EditBox(cc.size(200, 30), new cc.Scale9Sprite(res.imgBox));
this.editbox2.x = cc.winSize.width / 2;
this.editbox2.y = cc.winSize.height / 2;
this.editbox2.setInputMode(cc.EDITBOX_INPUT_MODE_SINGLELINE);    // 设置输入模式
this.editbox2.setReturnType(cc.KEYBOARD_RETURNTYPE_DONE);        // 返回值类型
this.editbox2.setDelegate(this);                                 // 绑定父级
this.editbox2.setInputFlag(cc.EDITBOX_INPUT_FLAG_PASSWORD);      // 输入类型
this.editbox2.setMaxLength(21);                                  // 输入字符个数
this.editbox2.setPlaceholderFontColor(cc.color(229,221,218));    // 提示文字颜色
this.editbox2.setPlaceHolder("6到14位字母或者数字");                // 提示文字内容

结果如图：

PC

• 使用上面的方法在PC端去运行的话，结果如下图：
• 在PC端的话就需要使用ccui.TextField来添加一个输入框

var text = new ccui.TextField();
        text.setMaxLengthEnabled(true);
        text.setMaxLength(4);
        text.setTouchEnabled(true);
        text.fontName = "Marker Felt";
        text.fontSize = 30;
        text.placeHolder = "please input your words here";
        text.x = cc.winSize.width / 2;
        text.y = cc.winSize.height / 2;
        text.addEventListenerTextField(this.textFieldEvent, this);
        this.addChild(text);

• 但是这个输入框唯一的缺憾就是没有光标，需要光标的要自己添加上去

待续…..