title: Trigger Alert on Change Event Only Once If Called Multiple Times In A Few Seconds
body: <p>I have an alert that needs to be displayed to the user conditionally after they change their input. The problem I'm coming across is the alert fire rapidly multiple times in a row after they key down quickly. I want the alert to fire only once every few seconds. How can I achieve this?</p>
  <pre><code>childElem.on('change', function () {
        let currentHeightPaste2k
        let scrnwidth
        setTimeout(function () {
          let actualHeightPaste2k = parseInt($('#' + currenId2c).height()) //Height of DIV
          scrnwidth = $(window).width()
          if (scrnwidth == parseInt(1226)) {
            currentHeightPaste2k = $('#' + currenId2c).get(0).scrollHeight //Content Height of DIV
          } else {
            currentHeightPaste2k = $('#' + currenId2c).get(0).scrollHeight - 1 //Content Height of DIV
          }
          if (actualHeightPaste2k &lt; currentHeightPaste2k) {
            _.throttle(fireError, 300)
            CKEDITOR.instances[currenId2c].execCommand('undo')
          }
        }, 100)
      })
  
  function fireError() {
        toast.fire({
          type: 'error',
          title: 'Typing Limit Exceeded',
          text: 'You have inserted more text than the space will allow.',
          showConfirmButton: false,
          confirmButtonClass: 'cancel-btn-class',
        })
      }
  </code></pre>