Javascript 为什么缩放全身时光标位置出错？

我使用CSS缩放变换缩放整个图像。问题是我得到了错误的光标位置。我想创建一个新的div，其中光标被单击，但div被创建在错误的位置

$(document).ready(function() {
    $('body').css({
        transform: 'scale(0.5,0.5)'
    });
    var k = 1;
    $('.container').off('click').on('click', function(e) {
        var top = e.pageY;
        var left = e.pageX;
        $('<div />', {
            id: 'temp' + k
        }).css({
            position: 'absolute',
            top: top + 'px',
            left: left + 'px',
            width: '50px',
            height: '50px',
            border: '1px solid red'
        }).appendTo('.container');
        k++;
    });
});

---

试着用你的比例因子来划分你的光标。对不起，用你的比例因子来划分光标factor@mohamed未在光标恰好单击的位置创建div。div是在错误的位置创建的，所以您是说我应该乘以top*0.5。。我说得对吗？你只要试一下我发给你的密码，告诉我解决办法