Как дизейблить клик по элементу на определенное время после клика на него?

Question

[Worddoc]

Возьмем, допустим, меню-гамбургер. Как избежать быстрого (=безобразного) тоггла состояния меню путем дизейбла клика ПОСЛЕ клика на определенное кол-во времени? Приходит в голову только давать/убирать css свойство pointer-events, либо записывать true/false в переменную, а по клику проверять, true ли переменная и в зависимости от этого осуществлять клик. Но я чувствую, что это не самое изящное решение.

Comments

[Сергей Сергей]

Function throttle
Это надо прогуглить, реализаций несколько.

Answer 1

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

<button onclick="this.disabled=1; setTimeout((function(){this.disabled=0}).bind(this),2000)">Click</button>

Comments

[Павел Новиков]

onclick в 2017 году?

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

Павел Новиков, да, и в 2020 он будет актуален. Да, можно код оптимизировать, навесив обработчик события из скрипта, но на самом деле это имеет смысл при использовании нескольких обработчиков одного события.
А просто понтоваться синтаксисом, когда в нем нет реальной необходимости, я не привык.

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

Er Code, не ошибаетесь, вполне живой способ для одного обработчика. Просто им не навесить несколько обработчиков на одно событие. Для этого уже необходим addEventListener.