【问题标题】:Typing text with a button in createJS on animateCC在 animateCC 上的 createJS 中使用按钮键入文本
【发布时间】:2019-07-06 14:49:08
【问题描述】:

我从 CreateJS 开始.. 我的代码不起作用,我需要帮助。

我想实现一个虚拟键盘。目标是使用不同的按钮(从 0 到 9)输入正确的 4 位代码。 C键删除数字。

如何制作一个在点击时显示文本的按钮?

非常感谢您的帮助! 马特

//Référence du scénario
_this = this;

//Curseur souris
stage.enableMouseOver();

//Gestion du touché sur tablette/mobile
createjs.Touch.enable(stage);

//Variables
var passKey = "1234";
var displayText;
var displayAccessText;

function numDisplay(num) {
    if (displayText.length < 5)
    {
        displayAccessText="";
        displayText +=num;
        displayNum.text = displayText;
        displayAccess.text= displayAccessText;
    }
}


_this.key1.addEventListener("mousedown", clicknum1);
_this.key2.addEventListener("mousedown", clicknum2);
_this.key3.addEventListener("mousedown", clicknum3);
_this.key4.addEventListener("mousedown", clicknum4);
_this.key5.addEventListener("mousedown", clicknum5);
_this.key6.addEventListener("mousedown", clicknum6);
_this.key7.addEventListener("mousedown", clicknum7);
_this.key8.addEventListener("mousedown", clicknum8);
_this.key9.addEventListener("mousedown", clicknum9);
_this.key0.addEventListener("mousedown", clicknum0);
_this.keycancel.addEventListener("mousedown", clicknumc);
_this.keyenter.addEventListener("mousedown", clicknumenter);


function clicknum1() {
numDisplay("1");
}

function clicknum2() {
numDisplay("2");
}

function clicknum3() {
numDisplay("3");
}

function clicknum4() {
numDisplay("4");
}

function clicknum5() {
numDisplay("5");
}

function clicknum6() {
numDisplay("6");
}

function clicknum7() {
numDisplay("7");
}

function clicknum8() {
numDisplay("8");
}

function clicknum9() {
numDisplay("9");
}

function clicknum0() {
numDisplay("0");
}

function clicknumc() {
displayText = "";
displayNum.text= displayText;   
}

function clicknumenter() {
    if (displayText==passKey) {
        displayText="";
        displayAccess.text="TRUE";
    }
    else {
        displayText="";
        displayAccessText="FALSE";
        displayAccess.text=displayAccessText;
        displayNum.text = displayText;
    }
}

【问题讨论】:

    标签: javascript html5-canvas createjs animate-cc


    【解决方案1】:

    对不起,很好!

    我忘记初始化变量...并尝试添加到未初始化的变量(displayText)。

    谢谢!

    【讨论】:

      猜你喜欢
      • 2023-03-26
      • 2016-09-17
      • 2014-02-15
      • 2018-09-21
      • 1970-01-01
      • 1970-01-01
      • 2019-05-10
      • 2021-01-30
      • 2018-09-23
      相关资源
      最近更新 更多