JavaScript
HTML5
CreateJS

CreteJSでTextInput使いたい

More than 1 year has passed since last update.

CreteJSでTextInputを使おうかと。はい。

DOM要素(input)を createjs.DOMElement で扱ってみた。
TextInput [basic] | CreateJS

<input type="text" id="box" />
#box { height: 80px;}
var txt = new createjs.DOMElement("box");
stage.addChild(txt);

txt.htmlElement.value = "入力";
txt.htmlElement.addEventListener("focus", input);

function input(event) {
    event.target.value = "";
}

複数行入力させたいので、DOM要素(input)の高さを増やしてみた。
TextInput [multiline] | CreateJS

<input type="text" id="box" />
#box { height: 160px;}
var txt = new createjs.DOMElement("box");
stage.addChild(txt);

txt.htmlElement.value = "入力";
txt.htmlElement.addEventListener("focus", input);

function input(event) {
    event.target.value = "";
}

あれ? 改行できず、複数行にはならないのね…。

DOM要素(textarea)を createjs.DOMElement で扱ってみた。
TextArea [multiline] | CreateJS

<textarea id="box" rows="2" maxlength="50" placeholder="入力"></textarea>
#box { height: 160px;}
var txt = new createjs.DOMElement("box");
stage.addChild(txt);

でけた。