Как заблокировать кнопку, даже чтобы никакие event'ы не срабатывали?

Question

[Дуболом Одноклеточный]

К примеру у меня есть "кнопка" которая выполняет event:

$('a').on('click', () => {
  console.log('osos'):
}

Но я хочу чтобы можно было сделать так, чтобы event вообще не работал. Как то заблокировать любой вздох этой "кнопки". Пробовал задавать disabled - не работает
Как это сделать?

Answer 1

[real2210]

Вот

Comments

[Дуболом Одноклеточный]

Но не во всех браузерах работает, и у меня тоже не работает (не из-за браузера)

[real2210]

Дуболом Одноклеточный, Если только в браузерах 2012 года
CanIUse

[Дуболом Одноклеточный]

real2210, НУ так у меня не работает тоже в примере (не из-за браузера)

[Дуболом Одноклеточный]

Дуболом Одноклеточный, А нет работает) Извините, я просто не тому тегу присвоил

Answer 2

[Антон Муравьев]

Как вариант, можно создать флаг TurnedOn, который если True, то внутри кода для нажатия, условие будет выполнено, соответственно и код, а если флаг False, то ничего не произойдет.

Comments

[Дуболом Одноклеточный]

Я ничего чет не нашел

[Антон Муравьев]

Дуболом Одноклеточный, Что именно Вы не нашли? Поставить условие на флаг должно быть довольно легким.

[Дуболом Одноклеточный]

Антон Муравьев, что такое turned on? event или что это? где это искать? в каких доках?

[Антон Муравьев]

Дуболом Одноклеточный, Это просто название bool-переменной, назовите ее как хотите и переключайте True/False

[Дуболом Одноклеточный]

Антон Муравьев, АААА, понял

[Антон Муравьев]

Дуболом Одноклеточный, отлично)

Answer 3

[krock00000]

В css пропиши pointer-events: none;