title: Why 'beforepaste' event is not fired in webkit?
body: <p><code>beforecopy</code> event is fired, but <code>beforepaste</code> event isn't fired. Why is that?</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;style type="text/css"&gt;#editor{width:300px; height:300px; border: 1px solid black;}&lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="editor" contentEditable="true"&gt;editor&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
  var elEditor = document.getElementById("editor");
  
  elEditor.addEventListener('beforecopy', function(e){
      console.log('beforecopy');
      e.preventDefault();
      e.stopPropagation();
  }); 
  
  elEditor.addEventListener('copy', function(e){
      console.log('copy');
  }); 
  
  elEditor.addEventListener('beforepaste', function(e){
      console.log('beforepaste');
      e.preventDefault();
      e.stopPropagation();
  }); 
  
  elEditor.addEventListener('paste', function(e){
      console.log('paste')
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <ul>
  <li><a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/SafariJSProgTopics/Tasks/CopyAndPaste.html" rel="nofollow noreferrer">Using the Pasteboard From JavaScript</a></li>
  <li>fiddle link : <a href="http://jsfiddle.net/BjR9q/" rel="nofollow noreferrer">http://jsfiddle.net/BjR9q/</a></li>
  </ul>