Question

I need help with duplicating div when enter is hit while the input element in the div is in focus

so there is a div which has an input element in it. I need to duplicate this div and place it right below the existing div whenever enter is hit while the cursor is in the input element.

Solutions which don’t use jquery will be of great help.

Thanks

Answer 1

try this

Demo

<div id='container'>
<div id='div1'>
<input type='text' onkeyup='clone_element(event)' />
</div>
</div>

<script>
function clone_element(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode
if(charCode == 13){
 var cDiv = document.getElementById("div1");
        var clonedDiv = cDiv.cloneNode (true);
        clonedDiv.id = "";
        var container = document.getElementById ("container");
        container.appendChild(clonedDiv);
}
}
</script>