Я хочу открыть одну и ту же страницу на нескольких вкладках браузера. Когда я нажимаю на ОДНУ вкладку браузера, я хочу, чтобы функция JavaScript выполнялась ОДИН РАЗ, всего один раз! Не то чтобы эта функция выполнялась 3 раза, потому что одна и та же страница открывается, например, на 3 вкладках браузера.
Я пробовал:
window.addEventListener("focus", () => {
console.log(document.hasFocus());
});
Это прекрасно работает, если курсор находится в фокусе в веб-браузере и продолжает переключаться между вкладками в этом браузере.
Но если вы сначала сфокусируете свой курсор на чем-то ином, чем этот веб-браузер (например, на рабочем столе компьютера или в коде IDE), а затем нажмете кнопку NON- Вкладка ACTIVE в браузере, приведенный выше код будет выполнен два раза, один раз для предыдущей активной вкладки, а другой раз для новой активной вкладки, на которую вы только что нажали.
В этом моя проблема.
Как я могу выполнить код JavaScript только один раз, когда я нажимаю на вкладку веб-браузера? Любое решение, кроме кода JavaScript, также приветствуется, например, отслеживание пикселей или событие автофокуса поля ввода, просто для именования сэмплов. Я не имел в виду, что методы отслеживания пикселей помогут. Я не использую jQuery. Я использую VueJs.