jQuery events: on, off, delegation, and namespaced handlers

Andrew Dorokhov schedule 1 min read

menu_book Table of Contents

keydown

Every time when a key pressed:

$("body").keydown(function (event) {
    console.log(event.keyCode);
});

When a user clicks on an element in a browser, click event occurs. We can subscribe to the event and set an event handler.

var clickHandler = function (event) {
    console.log("Click! " + event.pageX + " " + event.pageY);
};

$("#some-button").click(clickHandler);

The onmousemove event occurs when the pointer is moving while it is over an element.

Example:

$("html").mousemove(function (event) {
    $("#some-element").offset({
        left: event.pageX,
        top: event.pageY
    });
});

Properties:

code

Happy to help — reach out via the contacts or go straight to my Upwork profile.