Adobe Animate CC (HTML5 Canvas) 中的按键事件

Posted 2023-02-16

【中文标题】Adobe Animate CC (HTML5 Canvas) 中的按键事件

【英文标题】：Key-up events in Adobe Animate CC (HTML5 Canvas)

【发布时间】：2019-02-26 14:15:28

【问题描述】：

我正在使用 html5 Canvas 在 Adob​​e Animate CC 2017 中创建交互式产品。

我正在尝试检测箭头键上的keydown 和keyup 事件，以便我可以在用户按下箭头键时动画角色行走。我需要监听keyup，以便角色在松开按键时停止行走。

我有以下代码，但keyup 事件拒绝持续触发。它可能会在每按下 10 个箭头键时触发。这是 Adob​​e Animate CC 中的错误吗？当我将相同的代码放入纯 HTML 文件时，它可以完美运行。

        window.addEventListener("keydown", function(e)
            console.log("Down: " + e.keyCode);
        );

        window.addEventListener("keyup", function(e)
            console.log("Up: " + e.keyCode);
        );

【参考方案1】：

我想到的唯一一件事是您拥有的脚本位于时间轴的关键帧上，没有暂停导致它不一致。如果您认为可以，请在您的关键功能代码中输入以下内容并在开发工具中打开控制台以查看它是否会触发多次。

    console.log('key press event watch');