右からのMousemoveイベントの歪み

Question

mousemoveイベントを使用して、ページの右側からpageXを取得します。

$(document).on('mousemove', function(event){ 
 
    if(event.pageX < 40){ 
 
     openSidebar(); 
 
    } else if(event.pageX > 310) { 
 
     closeSidebar(); 
 
    } 
 
});

Answer 1

あなたは、ウィンドウの幅を取得し、サイドバーが/クローズを開く必要があるときcalcualteする$(window).width()を使用することができます。

$(document).on('mousemove', function(event){ 
    if(event.pageX > $(window).width() - 40){ 
     openSidebar(); 
    } else { 
     closeSidebar(); 
    } 
}); 

Answer 2

私は、ページの右からのMouseMoveイベントpageXをしたい

ただ、マイナスevent.pageXウィンドウの幅によって右からのピクセルを取得します。

$(document).on('mousemove', function(event) { 
 
    var pegeXfromRight = $(window).width() - event.pageX; 
 
    document.write(pegeXfromRight); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>