How to catch text input in cocos2d-html5?

Question

I have to catch input from the user using cocos2d-html5. EditBox component has a glitch with zOrder. Everything that is set to be above it happens to be under it. As for the other components (TextFieldTTF, UICCTexField) - they are not visible in the layer (and/or scene) and therefore maybe were not added. Any help?

Answer 1

I have encountered similar problem like you, and I solved it by adding a function to EditBox.

setActive: function(isActive) {
    this._edTxt.style.display = (isActive ? "block" : "none");
}

When we need to add nodes above editBox, call editBox.setActive(false) and it would be under new added nodes, not editable. And remember to resume it by editBox.setActive(true) when new added nodes are removed.