JavaScript-window.moveBy不工作_Javascript

JavaScript-window.moveBy不工作

javascript

JavaScript-window.moveBy不工作,javascript,Javascript,我对JavaScript非常陌生，只是学习了window对象。我正在尝试制作一个简单的脚本，当按下其中一个箭头键时，它将在一个方向上移动浏览器窗口10个像素我已经验证了事件处理程序是否正常工作，关键代码是否正确，moveScreen（）函数是否正在执行，其中的条件是否也正常工作。那么为什么屏幕不会移动呢？？？到目前为止，我已经在Firefox和Chrome上进行了测试 function moveScreen(direction) { 'use strict'; if (

我对JavaScript非常陌生，只是学习了window对象。我正在尝试制作一个简单的脚本，当按下其中一个箭头键时，它将在一个方向上移动浏览器窗口10个像素

我已经验证了事件处理程序是否正常工作，关键代码是否正确，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>

如果您在这里查看MDN上对moveBy的描述，您会发现您正在尝试的可能是不可能的

自Firefox 7以来，根据以下规则，网站不再能够在浏览器中移动窗口：

无法移动非由

窗口创建的窗口或选项卡。请打开


当窗口或选项卡位于包含多个选项卡的窗口中时，无法移动该窗口或选项卡
简单回答：
“您不能移动未在其他页面上创建的窗口。”
谢谢朱哈娜
因此，我找到的最快的方法是在浏览器中打开控制台并在那里打开HTML文件：
window.open('moveWindow.html')

如果打开了一个新选项卡，只需单击并拖动窗口标题，使其远离已打开的窗口，聚焦文档即可。
您只能从其他页面移动自己打开的弹出窗口。