Jquery mousemove在svg上无法正常工作

Question

我正在尝试在hving /移动svg图像时显示Information Box。我根据鼠标的位置放置框，并从服务器检索数据。该框位于absolute。 当我将指针移到svg上时，mousemove事件根本不会触发。 这是我正在使用的代码（简化）。

    $('.trigger').mousemove(function(e) {
        //var parentOffset = $(this).parent().offset();
        // var relX = e.pageX - parentOffset.left;
        // var relY = e.pageY - parentOffset.top;

        $('.target').css('visibility', 'visible');
        $('.target').css('left', e.pageX);
        $('.target').css('top', e.pageY);
        e.stopPropagation();
    });

P.S。有时会在页面加载后立即触发事件。

修改 我对指针事件使用了以下css规则。

.target * {
    pointer-events: none !important;
}