如何让按钮标识自己

Question

Adobe Animate CC, HTML5 Canvas.

我有几个按钮，我正在尝试动态设置-设置每个按钮上的文本，设置它们的颜色等。有一件事我似乎弄不明白，那就是当鼠标在上面或点击时，如何让这些按钮自己做一些事情。

在这段代码中，我只想让一个按钮在鼠标悬停时改变自身的文本。我错过了什么?

var frequency = 3;
stage.enableMouseOver(frequency);
function fl_MouseOverHandler(event) {
    event.target.theTitle.text = "You moused-over me!"
}
for (a=0; a<11; a++) {
    this.container["button"+a].theTitle.text = "Button Number "+ a;
    this.container["button"+a].addEventListener("mouseover", fl_MouseOverHandler);
}

Answer 1

我不知道theTitle属性是，我猜这是错误的。试一试:

event.target.textContent = 'You moused-over me!'

this在侦听器中指向您正在侦听的对象，因此在本例中，按钮处于悬停状态。输入this.innerText = 'whatever'

A js fiddle

希望有帮助

马特