title: keyup event on contenteditable div
body: <p>I'm attempting to format the text in an contenteditable div after <code>Enter</code> is pressed. The problem is that no keyups are being registered from any key, so this is making it impossible. Other events, such as 'click' does work, and if I change the element to 'document' (<code>document.addEventListener()</code>...) this will make it work too, but this is an extreme solution. Is there a simple solution?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>window.addEventListener('load', function() {
      var editbox = document.getElementById("editable")
      editbox.addEventListener('keyup', function(e) {
          alert("this should appear");
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;main contenteditable="true"&gt;
      &lt;div class="box" id="editable"&gt;
          text
      &lt;/div&gt;
  &lt;/main&gt;</code></pre>
  </div>
  </div>
  </p>