Is it possible to handle events directly in Yew?

[myyrakle]

I want to use keyboard click event like this:

document.body.onkeydown = function(event) 
{
    switch(event.keyCode)
    {
        case 37: keyPress('left');
            break;
        case 39: keyPress('right');
            break;
        case 40: keyPress('down');
            break;
        case 32: keyPress('rotate');
            break;
    }
};

Is it possible to implement this directly in yew?

[voidpumpkin]

In yew you attach event listeners to html elements https://yew.rs/docs/concepts/html/events
the possible events are classic html/javascript events
so you could use a onkeydown event for example https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onkeydown

// pseudo code

let onkeydown = Callback::from(move |event|{
// get the pressed key using web-sys out of the event
);

html!{<div {onkeydown} />}

[voidpumpkin]

Ok sorry i re-read your question this not what you are looking for.

You can just use web-sys / gloo-events to reproduce the same code snippet you provided.

A more yew answer would be to use my code snippet and add it somewhere high up the component tree

[jetli]

Try use_event and use_event_with_window from yew_hooks: https://github.com/jetli/yew-hooks

use_event_with_window("keydown", move |e: KeyboardEvent| {
     // e.key_code()
});