使用 css 缩放属性时鼠标坐标错误

Question

当我使用css zoom属性时，鼠标坐标在除两个元素外的所有元素上都是正确的： http://seiyria.com/bootstrap-slider/& https://fullcalendar.io

我们如何解决这个问题？提前感谢您的帮助。

Answer 1

fullcalendar.io，我在 Github 上找到了一个解决方案，有必要编辑文件全日历的两个函数.js ：

function getEvX(ev) {
    if (ev.pageX !== undefined) {
        return ev.pageX / Number($('body').css('zoom'));
    }
    var touches = ev.originalEvent.touches;
    if (touches) {
        return touches[0].pageX / Number($('body').css('zoom'));
    }
}

function getEvY(ev) {
    if (ev.pageY !== undefined) {
        return ev.pageY / Number($('body').css('zoom'));
    }
    var touches = ev.originalEvent.touches;
    if (touches) {
        return touches[0].pageY / Number($('body').css('zoom'));
    }
}

对于引导滑块，这是解决方案：

var valeurZoom =  window.getComputedStyle(document.body, null).getPropertyValue('zoom');
if (valeurZoom !== "" && valeurZoom !== 1) { 
    eventPosition = eventPosition / valeurZoom;
}

希望它对其他人有所帮助！