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

最新推荐文章于 2019-02-27 11:29:48 发布

年少轻狂s

最新推荐文章于 2019-02-27 11:29:48 发布

阅读量1k

点赞数

分类专栏： cocos2d-js 文章标签：文本框 cocos2d-js EditBox TextField

本文链接：https://blog.csdn.net/nsqks/article/details/77198070

版权

cocos2d-js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

网页版手机版

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);