eventDispatch / no response from phaser

[LittleGreyMen]

My working phaser game is accept physical keyboard input as expected, no worries.
[I am not a company, just hobbyist]
However when i dispatch a keyboard event from a html button click (which is picked up OK by a listener) I am not seeing phaser pick up the event and respond with appropriate update. The same listener fires when the key is physically pressed or the event dispatched (virtual press) but one works and not the other. Do I have to inject the event somehow, I assumed it would work ?
//example from the code which respond to physical key press
this.cursors = this.input.keyboard.createCursorKeys();
this.input.keyboard.isDown(Phaser.Keyboard.Z)

// fire event after button press
this.$emit(“fire”, {fire: dispatchEvent(new KeyboardEvent(‘keydown’, {‘key’: ‘z’}))});

//listener that does hear it
$(this).keydown(function(event) {
if (event.key === ‘z’) {
console.log(‘z pressed!’);
}

//nothing happen in phaser but perfect when physical key press

[BlunT76]

Hi,
I tried to do a similar things…
It seems browsers don’t like this for security reasons. So I gave up on the idea …
But this stackoverflow post can perhaps help you:

Is it possible to simulate key press events programmatically?

[LittleGreyMen]

The listener fires in both cases, one of which the “virtual version”, is found in the link you posted(i tried many variations on this theme and Phaser only works in one case. I understand the security comment however I cannot believe the final goal is not possible "html buttons that you can mouse click or touch (mobile screen) that interact with phaser like keyboard.

[BlunT76]

This seems to work, but without the timer event it doesn’t works

var config = {
  type: Phaser.AUTO,
  width: 400,
  height: 256,
  loader: {
    baseURL: "https://labs.phaser.io",
    crossOrigin: "anonymous"
  },
  scene: {
    preload: preload,
    create: create
  },
};

var game = new Phaser.Game(config);

function preload() {
  
}

function create() {
  this.cursors = this.input.keyboard.createCursorKeys();
  this.keyA = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A);

  //listener that does hear it
  this.input.keyboard.on('keydown', (e) => {
      console.log(e.key)
  });
  this.time.addEvent({
    delay: 2000,
    callback: () => {
      emitEvent();
    }
  });
}

function emitEvent() {
  console.log('here')
  const event = new KeyboardEvent("keydown", {
      key: "e",
      keyCode: 69, // example values.
      code: "KeyE", // put everything you need in this object.
      which: 69
    });
  window.dispatchEvent(event);
}

[thenonamezz]

you can do;

[SceneReference / This].input.keyboard.emit(‘keydown’,[Event Data / Args]) to emit an event

above should work inside of the emitEvent function

[LittleGreyMen]

Thanks to all those who try to assist me.
Eventually I found this link which I have certainly got to work.

Phaser with addEventListener

//in the create function per item, reference the button ID
var fireRef = document.getElementById(‘fire’);
fireRef.addEventListener(‘click’,this.fireBtn.bind(this));
//new/standalone
fireBtn: function () {
this.fire();
},

Perfect I can continue on to the next experiments !

[LittleGreyMen]