Most Device events do not work on the web.

[FrankenApps]

I found that the DeviceEvents Button, Key and MouseWheel do not work in the browser. The only one that fires (as long as the mouse pointer is above the canvas) is MouseMotion.

I am not sure, if this is of any importance, but note that I create the window with:

let window = WindowBuilder::new()
        .with_title("Mouse Wheel events")
        .with_canvas(Some(canvas))
        .build(&event_loop)
        .unwrap();

I have a little repro of this over here.

Just check the browser console and compare it with the console output when running on native.

[kaimast]

I seem to have the issue even on the desktop when the project references some wasm specific crates (I compile to both native binary and webassembly).

I get mouse move movements and redraws just fine, but no mouse input or close requested.

[rivertam]

Interestingly, bevy's winit integration has the exact opposite problem: wheel events, button presses, and keyboard events do work, but mouse motions don't work. Checking the differences (bevy's winit integration for reference), I was able to put in a PR to fix your example and hopefully this will also allow me to make a fix to bevy as well. My proposed fix is simply matching on WindowEvent, not DeviceEvent.

P.S. While I don't understand the full scope of winit, I recognize that technically speaking, winit should probably be firing both events. Nonetheless, I think as far as practicality goes, this likely solves the problem you're encountering. If not, well, sorry for being a distraction, and thank you for making this as it hopefully helps me solve my own problem. :)

[FrankenApps]

I merged @rivertam s PR, so now the Issue can not be reproduced anymore on the master branch in the linked repo.
But because I also think, that WindowEvent and DeviceEvent should probably do the same thing (at least not mouse click beeing in WindowEvent and mouse move beeing in DeviceEvent) I left a branch showing the original issue here.