Как защитить кнопку от автоматического клика?

Question

[Brendan Castaneda]

Есть кнопка на сайте button и по ней нужно кликать мышкой.
Но если у себя в браузере, в консоли забить следующий js она будет кликаться автоматом.

setInterval(
    function() {
        let button = document.querySelector('.button');
        button.click() + console.log('Был клик');
    }, 1000);

Как защитить её от такого метода?

Answer 1

[Aleksandr-JS-Developer]

"Можно легко отличить «настоящее» событие от сгенерированного кодом.
Свойство event.isTrusted принимает значение true для событий, порождаемых реальными действиями пользователя, и false для генерируемых кодом."
(с) learn.javascript.ru

подробнее (ru)

Comments

[Ilya Olovyannikov]

Выглядит, как цитаты великих людей :)))

Answer 2

[WbICHA]

Если просто, то так:

document.body.addEventListener('click', (e) => {
  if(!e.pageX && !e.pageY) {
    e.stopPropagation();
  }
}, true);

При использовании функции клика место клика всегда равно нулю.
Понятное дело его можно обойти, но на клиенте всё можно обойти.)

Answer 3

[Иван Вишневский]

Я был неправ.

На самом деле, решение простое. Разработчики использовали свойство event'а isTrusted, которое говорит, было событие вызвано дейсвиями пользователя (тогда будет true), или нет (будет false). Они проверяют это значение.

P.S: бэк тут абсолютно ни при чём.

Comments

[Brendan Castaneda]

На самом деле я хочу знать решение которое реализовано вот тут (habr)
Я подумал.. хм это изи сейчас напишу js и дело с концом...
Но что-бы я не написал это не кликает.. И меня заинтересовало то как они это реализовали "умно"!
По сути клики проходят, это видно по логу, но по факту их нет.

[Ярослав Иванов]

Brendan Castaneda, такие вещи на бэке ограничиваются.

[Brendan Castaneda]

Ярослав Иванов, Оу тогда это не мой стек..
Думаю вопрос более не является актуальным

[Иван Вишневский]

И обойти это можно автокликером, разумеется.

[Brendan Castaneda]

Иван Вишневский, Это да, но это не интересно уже тогда будет )