Why is this onpaste event not firing?
<p>I'm trying to capture a paste event for an <code>input[type="date"]</code> element. In Chrome you cannot copy/paste into this type of element, so as a workaround I am trying to wrap it in a <code>DIV</code> element with an <code>onpaste</code> event. The issue I'm encountering is that if you click the date input and press <kbd>CTRL</kbd>+<kbd>V</kbd> nothing happens. However, if you click anywhere else in the body first and then click the date input and press <kbd>CTRL</kbd>+<kbd>V</kbd>, it works...</p>

<pre><code>&lt;div onpaste="alert('test')"&gt;
    &lt;input type="date"&gt;
&lt;/div&gt;
</code></pre>

<p>Demo:</p>

<p><a href="https://jsfiddle.net/4qh31tn0/" rel="noreferrer">https://jsfiddle.net/4qh31tn0/</a></p>

<p><strong>EDIT:</strong> OK, so it turns out that the <code>onpaste</code> event doesn't have to be on the <code>DIV</code>, it can be moved to the <code>INPUT</code> element, but the problem persists. If I load the jsfiddle, click the input and press <kbd>CTRL</kbd>+<kbd>V</kbd>, nothing happens. If I click someplace outside of the <code>INPUT</code> element beforehand then click the input and press <kbd>CTRL</kbd>+<kbd>V</kbd>, it works...</p>