检查在失去焦点时被移除的元素

11 浏览
0 Comments

检查在失去焦点时被移除的元素

我有一个使用JavaScript动态添加到页面的元素。添加后,它被赋予焦点。我想要在Chrome开发工具中查看该元素,但问题是它有一个onblur事件处理程序,会将其从DOM中移除。所以基本上,当我点击开发工具选择该元素时,它就被移除了。可以在这里看到一个示例:http://jsfiddle.net/MSZEx/

HTML:

    

Javascript:

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

在这个示例中,我希望能够查看在点击按钮后显示的输入元素。

0