javascript - Examine Element That is Removed onblur -

javascript - Examine Element That is Removed onblur -

so have element dynamically added page javascript. after added, granted focus.

i want examine element in chrome dev tools, issue has onblur event handler removes dom. when click on dev tools select element, removed. illustration can seen here:

http://jsfiddle.net/mszex/

html:

<div id="container"> <button id="the_button">click me show field</button> </div>

javascript:

$("#the_button").click(function() { $elt = $("<input>").attr("type", "text").attr("id", "text_field"); $("#container").append($elt); $elt.focus(); $elt.blur(function() { $elt.remove(); }); });

in illustration able examine input element shows 1 time button clicked.

rightclick node in element tree -> break on... -> node removal.

the debugger break before node gets removed.

javascript jquery google-chrome google-chrome-devtools