解决动态添加input无法获取焦点事件

时间:2022-11-17 22:32:42
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>例子</title>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body>
<style>
   /*#tijiao{
    margin-top: 20rem;
   }*/
</style>
<div id="container">
    <!--<input type="text" name="gameNum" id="gameNum" />-->
</div>






<!--<button id="tijiao">测试</button>-->
<script src="js/jquery-2.2.1.min.js"></script>
<script type="text/javascript">
    function addInput(fn){
        var  html='<input type="text" name="gameNum" id="gameNum" />'
        $("#container").append(html)
        fn(html)
    }
    addInput(function(html){
        $("#"+$(html).attr("id")).focus()
    })
/*$("#tijiao").click(function(){
$("#container").children().remove();
addInput(function(html){
       $(html).attr("id").focus()
   })
})*/
</script>
</body>
</html>