JSFiddle - React, Tailwind, and code Playground

by Ilia Lesnykh

HTML

<div id="debug"></div>

JavaScript

var pageY = 0;
var $debugContainer;
$(function(){
    $debugContainer = $('#debug');
	$(document).mousemove(function(event) {
        if (pageY) {
            if (event.pageY > pageY) {
                $debugContainer.html('Мышка движется вниз');
            } else if (event.pageY < pageY) {
                $debugContainer.html('Мышка движется вверх');
            } else {
                $debugContainer.html('Мышка движется горизонтально :|');
            }
        }
		pageY = event.pageY;
	});
})