In my FE, there is an element that listens to mousemove event:

<div (mousedown)="onMouseDown($event)" (mousemove)="onMouseMove($event)">
    ...
</div>

The two functions prints out related strings in console, like "onMouseDown triggered" and "onMouseMove is triggered"

Here is the issue and the steps to reproduce it:

1. Open my app in a browser window (Either Chrome or Microsoft Edge, but not Firefox).
2. Switch to another window (another program, folder and so on), after which the browser window of my app should be inactive.
3. Click on the element mentioned above that listens to mousemove event. Just click on it while the browser window is still inactive. Don't switch back to this window beforehand.
4. In console, I can see a string "onMouseMove is triggered" is printed.

Why a clicking operation will trigger mousemove event?

This happens in Chrome and Microsoft Edge, but not on Firefox.

Looks like a bug in the browsers' end. Anyone else has seen it before and know how to solve it?

Thanks in advance!