Итак, у меня есть элемент, который динамически добавляется на страницу с помощью Javascript. После его добавления ему предоставляется фокус.
Я хочу изучить элемент в инструментах chrome dev, но проблема в том, что он имеет обработчик события onblur, который удаляет его из DOM. Поэтому в основном, когда я нажимаю на инструменты dev для выбора элемента, он удаляется. Пример можно увидеть здесь:
HTML:
<div id="container">
<button id="the_button">Click me to 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();
});
});
В этом примере я хотел бы изучить элемент ввода, который появляется после нажатия кнопки.