Запретить скомпилированному Emscripten JavaScript блокировать определенные ключевые вводы

У меня есть скомпилированный emscripten код C ++ (с использованием openGL), который запускается на моей веб-странице (преобразованной в WebGL) и отображает изображение. Все работает отлично, за исключением того, что Javascript, скомпилированный Emscripten, блокирует мое использование клавиш «delete», «backspace», «tab» при вводе в textarea на веб-странице. Обратите внимание, что все буквенные клавиши и «пробел» работают просто отлично.

Для справки: модуль, который я создал в своем коде JavaScript, почти такой же, как модуль по умолчанию:

var Module = {
preRun: [],

postRun: [],

print: (function() {
var element = document.getElementById('emscriptenOutput');
if (element) element.value = ''; // clear browser cache
return function(text) {
if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' ');
// These replacements are necessary if you render to raw HTML
//text = text.replace(/&/g, "&");
//text = text.replace(/</g, "<");
//text = text.replace(/>/g, ">");
//text = text.replace('\n', '<br>', 'g');
console.log(text);
if (element) {
element.value += text + "\n";
element.scrollTop = element.scrollHeight; // focus on bottom
}
};
})(),

printErr: function(text) {
if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' ');
if (0) { // XXX disabled for safety typeof dump == 'function') {
dump(text + '\n'); // fast, straight to the real console
} else {
console.error(text);
}
},

canvas: (function() {
var canvas = document.getElementById('canvas');

// As a default initial behavior, pop up an alert when webgl context is lost. To make your
// application robust, you may want to override this behavior before shipping!
// See http://www.khronos.org/registry/webgl/specs/latest/1.0/#5.15.2
canvas.addEventListener("webglcontextlost", function(e) { alert('WebGL context lost. You will need to reload the page.'); e.preventDefault(); }, false);
return canvas;
})(),

totalDependencies: 0,

//doNotCaptureKeyboard: true,

monitorRunDependencies: function(left) {
this.totalDependencies = Math.max(this.totalDependencies, left);
// Module.setStatus(left ? 'Preparing... (' + (this.totalDependencies-left) + '/' + this.totalDependencies + ')' : 'All downloads complete.');
}
};

(function() {
var memoryInitializer = 'renderer.js.mem';
if (typeof Module['locateFile'] === 'function') {
memoryInitializer = Module['locateFile'](memoryInitializer);
} else if (Module['memoryInitializerPrefixURL']) {
memoryInitializer = Module['memoryInitializerPrefixURL'] + memoryInitializer;
}
var meminitXHR = Module['memoryInitializerRequest'] = new XMLHttpRequest();
meminitXHR.open('GET', memoryInitializer, true);
meminitXHR.responseType = 'arraybuffer';
meminitXHR.send(null);
})();

var script = document.createElement('script');
script.src = "renderer.js";
document.body.appendChild(script);

Конечно, скомпилированный с помощью emscripten JavaScript является бредом для человеческого глаза, но виновник, скорее всего, лежит там.

Я предполагаю, что контекст WebGL поглощает события клавиатуры, но я не уверен. Я просмотрел эти ссылки и попытался включить «doNotCaptureKeyboard: true» в элемент модуля, но безуспешно.

https://forum.unity.com/threads/disable-enable-keyboard-in-runtime-webgl.286557/#post-1892527
https://github.com/kripken/emscripten/issues/2668#event-154218404

У кого-нибудь есть опыт работы с такими же проблемами? Я в недоумении.

1

Решение

Для любопытных у меня есть решение, но я не уверен, что оно лучшее. Я только что добавил собственных слушателей событий, чтобы заблокировать слушателей событий скомпилированного кода JavaScript:

/* code to prevent emscripten compiled code from eating key input */
window.addEventListener('keydown', function(event){
event.stopImmediatePropagation();
}, true);

window.addEventListener('keyup', function(event){
event.stopImmediatePropagation();
}, true);
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]