<!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>
相关文章
- jquery动态添加元素无法触发绑定事件的解决方案。
- 移动端input 无法获取焦点的问题
- Android解决dialog弹出时无法捕捉Activity的back事件的方法
- 关于“应用程序无法启动,因为应用程序的并行配置不正确。请参阅应用程序事件日志,或使用命令行sxstrace.exe工具”问题的解决方法
- 解决动态添加input无法获取焦点事件
- input框获取焦点和失去焦点,select框change事件
- element el-input 自动获取焦点和IE下光标位置解决方法
- 动态添加onclick事件到锚标签,无法正常工作
- 解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题
- WinForm中动态添加控件 出现事件混乱,解决办法记录。