How To Set Focus On Popup Window In Javascript

Setting focus on a popup window in JavaScript can be essential for providing users with a better user experience.

Sometimes, when a new window pops up, it may not be the active window, and the user might have to click on the window’s surface to activate it. In this tutorial, we will guide you on how to set focus on a popup window in JavaScript.


Step 1 – Create a new window:

We will use the method to create a new popup window. This method opens a new window and returns a window object.

Step 2 – Set focus on the new window:

To set focus on the new window, we will call the focus() method on the window object.

Step 3 – Test the code:

Now, you can try opening the page with the code above. A new window should open and be in focus when loaded.


That’s it! With just a few lines of code, you can set focus on a popup window in JavaScript. This is essential when creating web applications that rely on pop-up windows.

Here’s the full code: