![]() That allows us to suspend/resume in-page activities, animations etc. If we want to track when a visitor actually uses our web-app, we can track window.onfocus/onblur. ![]() Just in case, for some OS/browser combinations it ensures that the user is in the new window now. When we open a popup, it might be a good idea to run newWindow.focus() on it.Still, there are some use cases when such calls do work and can be useful. Also focusing doesn’t work when a popup opens in a separate tab rather than a new window. They depend on the browser.įor instance, a mobile browser usually ignores window.focus() completely. So browsers had to introduce many limitations to forbid the code like that and protect the user from ads and evils pages. The intention is to “lock” the user within the window. When a user attempts to switch out of the window ( window.onblur), it brings the window back into focus. And there are also focus/blur events that allow to catch the moment when the visitor focuses on a window and switches elsewhere.Īlthough, in practice they are severely limited, because in the past evil pages abused them. Theoretically, there are window.focus() and window.blur() methods to focus/unfocus on a window. elem.scrollIntoView(top = true) Scroll the window to make elem show up at the top (the default) or at the bottom for elem.scrollIntoView(false). win.scrollTo(x,y) Scroll the window to the given coordinates (x,y). win.scrollBy(x,y) Scroll the window x pixels right and y down relative the current scroll. We already talked about scrolling a window in the chapter Window sizes and scrolling. Move/resize methods do not work for maximized/minimized windows. These OS-level functions are hidden from Frontend-developers. JavaScript has no way to minify or maximize a window. Let’s open a window with minimal set of features, just to see which of them browser allows to disable: There is also a number of less supported browser-specific features, which are usually not used. scrollbars (yes/no) – allows to disable the scrollbars for the new window.resizable (yes/no) – allows to disable the resize for the new window.status (yes/no) – shows or hides the status bar.FF and IE don’t allow to hide it by default. location (yes/no) – shows or hides the URL field in the new window.toolbar (yes/no) – shows or hides the browser navigation bar (back, forward, reload etc) on the new window.menubar (yes/no) – shows or hides the browser menu on the new window. ![]() ![]() There is a limit on minimal width/height, so it’s impossible to create an invisible window.
0 Comments
Leave a Reply. |