I'm trying to resolve
a Promise in a outer function that is called as an event listener. The problem is, the Promise does not wait the resolve
callback at all.
Also, please keep in mind that I need a solution using plain ES5.
Calling:
render(map)
.then(function(road){ return paint(road, map, imgs) })
.then(function(){ asyncListen(keyhandler, ['numeric']) }) //should waiy by user input...
.then(function(r){ console.log('resolved: ' + r) }); //... but this logs undefined before it
asyncListener:
function asyncListen(handler, keys){
return new Promise(function(resolve, reject){
var keyhandler = handler.call(this, resolve);
document.addEventListener("keyup", keyhandler);
keys.forEach(function(key){
var upperKey = key.toUpperCase();
var objKey = iAppLib.keys[upperKey];
upperKey === 'NUMERIC' ? iAppLib.registerRcuEvent(objKey, keyhandler) : iAppLib.registerRcuEvent(objKey);
});
iAppLib.registerAllRcuEvents(function() { return false; });
});
}
keyhandler:
function keyhandler(resolve){
return function(num){
if (num >= 1 && num <= 4){
resolve(num);
}
}
}
I've already tried some workarounds, like wrapping both de event and the keyhandler
in Promises, but it didn't work out. Same for the solutions here and here.