添加新表单时,如何保持表单的焦点

How do I keep a form in focus when a new one is added?

本文关键字:表单 何保持 焦点 新表单 添加      更新时间:2023-09-28

这里有一个小提琴:fiddle

function blanker(){ 
    var c = $('.whatever').html().replace("thisWillBlank", "<form><input type='text' 
            id='thisWillBlank'></form>");
    $('.whatever').html(c); 
}
$('#alreadyBlanked').focus(); 
setTimeout(function(){blanker()}, 3000); 

使用JS/jquery/css,我只希望无论点击了哪个表单,即使出现新的表单,也能保持焦点。谢谢

您正在替换元素,因此旧元素不再可用,但只要它有ID,您就可以将其作为目标:

function blanker(){ 
    var active = document.activeElement.id;
    var c = $('.whatever').html().replace("thisWillBlank", "<form><input type='text' id='thisWillBlank'></form>");
    $('.whatever').html(c); 
    $('#'+active).focus();
}

FIDDLE