JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
Paste Stuff Here: <input id='pasteCapture' type='text'></input>
<div contenteditable="true" id="pasteRedirect"
style="width: 100%; " ></div>
<button onclick=" document.getElementById('pasteRedirect').style.display = 'block';">Show Div</button>
CSS
#pasteRedirect {
display: none;
}
JavaScript
function handlePaste(e) {
document.getElementById('pasteRedirect').style.display = 'block';
document.getElementById('pasteRedirect').focus();
e.srcElement = document.getElementById("pasteCapture");
/*setTimeout( function() {
document.getElementById('pasteRedirect').style.display = 'block';
}, 0 );*/
}
document.getElementById("pasteCapture").addEventListener("paste", handlePaste, false);