js控制焦点固定在指定文本框
更新：2021-06-22 09:04:39
人气：750
来源：互联网转载
A+
①页面一加载就定义焦点在文本框上，当文本框失去焦点时重新定义焦点在文本框。
代码如下：
<body>
<p>该页面无论点击那里，demo文本框都会获取焦点</p>
<input id="demo" type="text"/>
<button type="button" onclick="myFunction()">点我</button>
<P id="p01"></P>
<script>
window.onload=function(){
Demo=document.getElementById("demo");
Demo.focus();
Demo.onblur=function(){
Demo.focus();
};
}
</script>
</body>②使用定时器每隔一段时间检查一次，当发现焦点不在指定文本框时，则定义焦点在指定文本框，否则不改变。
代码如下：每隔十秒检查一次，id="demo"的文本框是否获得焦点。若id!='demo’使指定文本框（demo）获取焦点。否则，不改变。
<body>
<p>每隔十秒检查一次。id="demo"的文本框是否获得焦点</p>
<input id="demo" type="text"/>
<button type="button" onclick="myFunction()">点我</button>
<input id="demo1" type="checkbox"/>
<input id="demo2" type="text"/>
<P id="p01"></P>
<script>
window.onload=function(){
Demo=document.getElementById("demo");
Demo.focus();
focus_fu();
}
var focus_fu=function(){
setTimeout(function(){
var active=document.activeElement;
//alert(active.id);
if(active.id!='demo'){
Demo.focus();
}
focus_fu();
},10000
);
}
</script>
</body>————————————————
版权声明：本文为CSDN博主「一颗糖的幸福」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/baidu_38318159/article/details/108481668
推荐的文章
Ads by Google
随手记
- ● mysql的慢查询日志记录什么
- ● js获取上传文件类型以及大小的方法
- ● windows系统如何查询openssl.cnf文件位置及更换路径
- ● SSL证书工具之CSR的作用是什么？
- ● [ssl:warn]SessionCacheisnotconfigured[hint:SSLSessionCache]原因
- ● servercertificatedoesNOTincludeanIDwhichmatchestheservername
- ● jquery怎么删除元素本身
- ● LODOP不同电脑打印效果不同排查
- ● LODOP不同打印机出现偏移问题
- ● phpmyadmin绿色中文版百度云下载
PHP经验分享
