Как определить, вызвана функция действием пользователя или нет?

Question

[Сергей Соколов]

У событий есть read-only свойство isTrusted, которое показывает, например, был ли это настоящий клик мышкой или просто триггернули это событие на элементе.

Popup окна открываются только, если к ним ведет цепочка вызовов, инициированная действием пользователя, кликом.

Как можно внутри любой функции, без обращения к свойству исходного события, узнать, правомочно ли сейчас открыть новое окно? Может, есть какие-то свойства/методы текущего контекста/окружения?

Наверное, можно пробовать создать новое окно и проверять результат. Но интересно, можно ли как-то ещё – есть ли где-то в контексте аналог свойства isTrusted?

Comments

[Павел Корнилов]

А передать в функцию аргументом весь объект события, ну, или только event.isTrusted как-то можно?

Тут, конечно, нужно хотя бы схематичный код видеть.

[Сергей Соколов]

Павел Корнилов, с чтением из св-ва isTrusted исходного события всё понятно. Я думал, может, есть какое-то аналогичное свойство контекста, не привязанное к событию, к которому можно обратиться в любом месте кода, чтобы узнать, «кто мы сейчас» – лигитимные или не очень )

[Павел Корнилов]

Сергей Соколов, так, если нет сгенерированного события броузером, тогда что можно проверить? Ведь действие пользователя - понятие сугубо абстрактное, а вот результат его - вполне конкретный сгенерированный объект события. В нём есть информация и о действии, и о инициаторе его.
Отвечу проще - если никто ничего не делал, как понять: кто этот никто?

[Сергей Соколов]

Павел Корнилов, браузер как-то «знает», можно ли доверять коду. Например, window.open() сработает только, если вызван действием пользователя (даже если в цепочке будет разрыв через setTimeout()). Фиддл.

Мой вопрос, можно ли это тайное знание браузера как-то получить в моём коде?

[Павел Корнилов]

Например, window.open() сработает только, если вызван действием пользователя

Так я про это и говорил. Есть действие пользователя - сгенерирован объект события. А из него уже всё вытекающее.

Ответ на вопрос: без события - никак.

[Сергей Соколов]

Павел Корнилов, почему же, можно косвенно: if(wondow.open(...))

Может, есть еще аарианты?

[Павел Корнилов]

Сергей Соколов, это не правильный подход. Поскольку метод open также будет искать событие пользователя. А когда не найдёт - сделает выводы о программном происхождении вызова. Это как тараканов убивать, отпиливая ножки у шифоньера.

[Сергей Соколов]

Павел Корнилов, выше фиддл, который показывает, что открывать окно можно и в асинхронной цепочке, после setTimeout(), лишь бы в самом начале было действие пользователя. В функцию «прилетаем» уже безо всяких отсылок к исходному событию, вроде бы.

[Павел Корнилов]

Сергей Соколов, уф...
Какая там цепочка, при чём тут она?
На кнопе висит единственный обработчик клика, получающий в качестве аргумента объект события. Вот он, обработчик:

function isTrusted(e) {
  div.innerText = e.isTrusted ? "Trusted" : "Жулик!";
  setTimeout(() => {
    const w = window.open("https://ya.ru", "Yandex");
    div.innerText = w ? "Можно верить" : "Ложь!";

  }, 1000);
}

[Сергей Соколов]

Павел Корнилов, вот версия, тоже открывает окно

const div = document.querySelector("div");
document.querySelector("button")
  .addEventListener("click", isTrusted);

function pMaker() {
	return new Promise((res) => {
  	setTimeout(() => res(), 1000);
  });
}

function opener() {
  const w = window.open("https://ya.ru", "Yandex");
  div.innerText = w ? "Можно верить" : "Ложь!";
}

function isTrusted(e) {
  div.innerText = e.isTrusted ? "Trusted" : "Жулик!";
  pMaker()
  .then(() => opener())
  .catch(err => console.error(err))
  ;
}

[Павел Корнилов]

Сергей Соколов, вот, дописал программный клик - и выдаёт весело Ложь.
https://jsfiddle.net/p691fx8n/

Answer 1

[Михаил]

Можно сохранить значение isTrusted в переменную, которая видна из функции, и смотреть, был ли это реальный клик или нет

Comments

[Сергей Соколов]

т.е. нет каких-то стандартных свойств, не привязанных к начальному событию?