JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

Type something in first field and then hit enter in a Webkit browser

<div id="field-container">
<input type="text" id="field1" />

<input type="text" id="field2" />
</div>

JavaScript

var fc = document.getElementById("field-container");

fc.addEventListener("blur", function(e){
    if ( e.target.nodeName.toLowerCase() == "input" ) {
        document.body.appendChild(document.createTextNode("blurred "));
        e.target.parentNode.removeChild(e.target);
    }
}, true);

fc.addEventListener("keydown", function(e){
    if ( e.target.nodeName.toLowerCase() == "input" && 
            e.keyCode === 13 ) {
       setTimeout( function() {
            document.body.appendChild(document.createTextNode("enter "));
            // NOT_FOUND_ERR DOM exception 8
            e.target.parentNode.removeChild(e.target);
        }, 1 );
    }
}, false);