jQuery addClass example

Change class name on click in jQuery

HTML

<div class="nizina">Нажмите ЛКМ и поведите мышкой тут</div>

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

JavaScript

var pageY = 0;
var $debugContainer;
    $(function () {
    $debugContainer = $('#debug');
        $('.nizina').mousedown(function (event) {

            $(this).on('mousemove', function (e) {
            
                if (pageY) {
                    if (event.pageY > pageY) {

                        $debugContainer.html('Мышка движется вниз');
                        console.log('Мышка движется вниз');

                    } else if (event.pageY < pageY) {

                        $debugContainer.html('Мышка движется вверх');
                        console.log('Мышка движется вверх');
                    }
                }
                pageY = event.pageY;
            });
        });
    });
    $('.nizina').on('mouseup mouseout', function (e) {
    $(this).off('mousemove');
    });