Attaching an event to document

[flowjo-isaach]

I'd like to create a mousemove event on document and update a component whenever this event gets triggered. Is this possible and if so how would I go about doing this?

[voidpumpkin]

https://yew.rs/docs/concepts/html/events

[flowjo-isaach]

Thanks, I used the gloo example. Here's a code snippet of what I did to get this working.

yew version: 0.18.0
added dependencies: gloo, wasm-bindgen

use gloo::events::EventListener;
use wasm_bindgen::JsCast;

pub enum Msg {
    MouseMove(yew::events::MouseEvent),
    ...
}

pub struct Model {
    link: ComponentLink<Self>,
    on_mouse_move: Option<EventListener>,
}

fn update(&mut self, msg: Self::Message) -> ShouldRender {
        match msg {
            Msg::MouseMove(e) => { ... }
       }
 }

 fn rendered(&mut self, first_render: bool) {
        if !first_render {
            return;
        }

        let window = yew::utils::window();
        let on_mouse_move = self.link.callback(|e| Msg::MouseMove(e));

        let listener = EventListener::new(&window, "mousemove", move |e| {
            let event = e.dyn_ref::<yew::events::MouseEvent>().unwrap_throw();
            on_mouse_move.emit(event.clone())
        });

        self.on_mouse_move = Some(listener);
}

[philipdaquin]

THANK YOU SO MUCH FOR THIS 👌👌👌