键盘输入不与WebAssembly和Emscripten配合使用

Keyboard Input Not Working with WebAssembly and Emscripten

本文关键字：Emscripten 输入 WebAssembly 键盘      更新时间：2023-10-16

我有一个基本的代码，可以呈现到WebGL帆布元素。当我调用事件注册方法时，我要么根本没有回调(当我指定#document #document或#window时，指定帆布名称或#CANVAS，或者在Chrome中发生错误(

emscripten_set_keydown_callback("#canvas", nullptr, true, Platform::keyCallback);
emscripten_set_keyup_callback("#canvas", nullptr, true, Platform::keyCallback);

我在html中的画布元素是

<canvas id="canvas" oncontextmenu="event.preventDefault()" width="640px" height="480px"></canvas>

我的输入测试方法是.. 

EM_BOOL Platform::keyCallback(int eventType, const EmscriptenKeyboardEvent *keyEvent, void *userData)
{
    printf("TESTn");
}

注意：printf确实有效，因为我对控制台有其他输出。

事先感谢您的帮助

事实证明，问题在HTML文件中。我需要在画布中添加" Tabindex = -1"。例如：

<canvas id="canvas" oncontextmenu="event.preventDefault()" width="640px" height="480px" tabindex=-1></canvas>

由于此更改，代码现在似乎可以很好地工作。

只是为了添加另一个答案，因为我发现'tabindex = -1'不够，需要将画布对象带入焦点。

我通过添加与此类似的代码来实现这一目标：

addOnPostRun(function()
{
     var canvas = document.getElementById('my_canvas');
     if (canvas)
         canvas.focus();
});

使用'-post-js ./your_postfix_file.js'中指定的后缀代码。

相关文章：