Позиция мыши в IE

Question

var mousemove = function(event) { 
    var xpos = event.x || event.clientX; 

    console.log(xpos); 
} 

window.addEventListener('mousemove', mousemove); 

У меня есть следующий код, который прекрасно работает на Chrome и Firefox, но, как правило, в IE нет. Кажется, что IE сообщает о местоположении мыши относительно текущего элемента, на котором он завис, или координационный центр куда-то переключается, и он запутывается, а не окно, к которому привязано событие.

Этот код используется в навигационной системе off-canvas. Я работаю над вычислением, если мышь меньше, чем на 5% слева от экрана (где находится навигационная система).

Любые идеи о том, как правильно играть, были бы замечательными.

Answer 1

Поблагодарите Tero за предоставленный ресурс и помогите мне исправить это, пожалуйста, найдите пересмотренный код ниже.

var mousemove = function(event) { 
    var xpos = event.screenX; 

    console.log(xpos); 
} 

window.addEventListener('mousemove', mousemove); 

Answer 2

Существует много способов сделать это. Один из способов - использование jquery

$ (window) .mousemove (function (event) {console.log (event.clientX);});

Answer 3

Эта функция возвращает положение мыши относительно окна просмотра или относительно страницы.

var getMousePosition = function(e, relativeToViewport) { 
     var x = relativeToViewport ? e.clientX : e.pageX || e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; 
     var y = relativeToViewport ? e.clientY : e.pageY || e.clientY + document.body.scrollTop + document.documentElement.scrollTop; 

     return { 
      x: x, 
      y: y 
     }; 
    };