Почему перехватываются события другого объекта?

$(".block").mousemove(function (event) {
    if (event.target == this) {
        $("#X").text(event.offsetX);
        $("#Y").text(event.offsetY);
        
        var effect = $(this).find(".effect");
        effect.css({"left" : event.offsetX - 15 + "px", "top" : event.offsetY - 15 + "px"});
    }
});

.effect {
    pointer-events: none;
}