jQuery. События

Когда пользователь щёлкает мышкой, вводит текст или просто двигает мышкой, - то в браузере происходит событие. На события можно подписываться, добавляя обработчик события к элементу.

click

Когда пользователь кликает по элементу, возникает событие click.

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

$("h1").click(clickHandler);

Мы создали функцию clickHandler с одним аргументом event, в который передаётся объект с информацией о событии. В частности, мы можем узнать координаты щелчка.

Далее мы активируем обработчик щелчков для элемента h1 (Заголовок первого уровня). Система координат начинается в верхнего левого угла.

mousemove

Событие mousemove возникает при перемещении мышки.

$("#heading").mousemove(function(event){
    $("#heading").offset({
        left: event.pageX,
        top: event.pageY
    });
});

Мы добавили обработчик события mousemove для заголовка с идентификатором heading. Если подвести курсор мыши к заголовку с текстом mousemove, то заголовок придёт в движение.

Реклама