shortcut: get keyboard event / actual target

[moklick]

Hey! I am using shortcut for handling several user actions. I bind all handlers on <svelte:window />. Now I need to filter some events. For example, if I am in an input field, I don't want to trigger the callback. Normally I would just look at the keyboard event and check if event.target is an input, but that doesn't work here, because it's always the window itself. Is there any way to find out the actual target or get the keyboard event? Basically like this: https://jsbin.com/rufusujati/4/edit?html,js,console,output

[vnphanquang]

@moklick hmm, I see. thank you for the question.

shortcut is a CustomEvent, whose target is whatever node the Svelte action is placed on, so the observed behavior makes sense. For your use case we need to access the original KeyboardEvent object, which is not exposed in the current version.

How do you feel about an additional originalEvent in the event.detail object, something like this:

function onShortcut(event) {
  if (event.detail.originalEvent.target.tagName === 'INPUT') {
    ...
  }
}

[moklick]

Hey @vnphanquang :) I think this would be a great addition for shortcut!

[vnphanquang]

@moklick now available in @svelte-put/[email protected]. Doc page is also updated to mention this. Let me know if it's working on your end.

[moklick]

wow! Thank you so much. Highly appreciated 🙏