JavaScript - window.moveBy無法正常工作

我剛剛學習JavaScript，只是瞭解窗口對象。我試圖做一個簡單的腳本，當按下其中一個箭頭鍵時，將瀏覽器窗口向一個方向移動10個像素。JavaScript - window.moveBy無法正常工作

我已經驗證了事件處理程序的工作原理，關鍵代碼是正確的，moveScreen（）函數正在執行，並且其中的條件也起作用。那麼爲什麼屏幕不會移動？我已經在Firefox和Chrome中測試過。

function moveScreen(direction) { 
    'use strict'; 

    if (direction === 'up') window.moveBy(0, -10); 
    if (direction === 'right') window.moveBy(10, 0); 
    if (direction === 'down') window.moveBy(0, 10); 
    if (direction === 'left') window.moveBy(-10, 0); 
} 


function handleKeyDown(e) { 
    'use strict'; 

    e = e || window.event; 
    const key = e.keyCode; 

    switch (key) { 
     case 38: 
      moveScreen('up'); 
      break; 
     case 39: 
      moveScreen('right'); 
      break; 
     case 40: 
      moveScreen('down'); 
      break; 
     case 37: 
      moveScreen('left'); 
      break; 
    } 
} 


window.onload = function() { 
    'use strict'; 
    document.onkeydown = handleKeyDown; 
}

這是HTML文件，它只是包含在體內的腳本：

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title></title> 
</head> 
<body> 
    <script src="moveWindow.js"></script> 
</body> 
</html>

來源

2016-07-22 Ruairi Gann

您只能移動您從另一頁面打開的彈出窗口。 – JJJ