Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/en-US/docs/Web/API/Window/focus_event below:

Window: focus event - Web APIs

Baseline Widely available

The focus event fires when an element has received focus.

The opposite of focus is blur.

This event is not cancelable and does not bubble.

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("focus", (event) => { })

onfocus = (event) => { }

This interface also inherits properties from its parent UIEvent, and indirectly from Event.

An EventTarget representing a secondary target for this event. In some cases (such as when tabbing in or out a page), this property may be set to null for security reasons.

This example changes the appearance of a document when it loses focus. It uses addEventListener() to monitor focus and blur events.

<p id="log">Click on this document to give it focus.</p>

.paused {
  background: #ddd;
  color: #555;
}

function pause() {
  document.body.classList.add("paused");
  log.textContent = "FOCUS LOST!";
}

function play() {
  document.body.classList.remove("paused");
  log.textContent =
    "This document has focus. Click outside the document to lose focus.";
}

const log = document.getElementById("log");

window.addEventListener("blur", pause);
window.addEventListener("focus", play);

• Related event: blur
• This event on Element targets: focus event

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.3