Latest web development tutorials
 

Window moveBy() Method

< Window Object

Example

Open a new window, and move the new window 250px relative to its current position:

function openWin() {
    myWindow = window.open('', '', 'width=200, height=100');    // Opens a new window
    myWindow.document.write("<p>This is 'myWindow'</p>");       // Some text in the new window
}

function moveWin() {
    myWindow.moveBy(250, 250);                                 // Moves the new window
    myWindow.focus();                                          // Sets focus to the new window
}
Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The moveBy() method moves a window a specified number of pixels relative to its current coordinates.

Related methods:

  • moveTo() - Moves a window to the specified position
  • resizeBy() - Resizes the window by the specified pixels
  • resizeTo() - Resizes the window to the specified width and height

Browser Support

Method
moveBy() Yes Yes Yes Yes Yes

Syntax

window.moveBy(x,y)

Parameter Values

Parameter Type Description
x Number Required. A positive or negative number that specifies the amount of pixels to move the window horizontally
y Number Required. A positive or negative number that specifies the amount of pixels to move the window vertically

Technical Details

Return Value: No return value

Examples

More Examples

Example

Using moveBy() together with moveTo():

function moveWinTo() {
    myWindow.moveTo(150, 150);
    myWindow.focus();
}

function moveWinBy() {
    myWindow.moveBy(75, 50);
    myWindow.focus();
}
Try it Yourself »

< Window Object