js控制焦点固定在指定文本框
更新：2021-06-22 09:04:39
人气：325
来源：互联网转载
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
随手记
PHP经验分享
- ● PHP使用AES加密解密的方法实例
- ● 前端用$.ajax的post方法传JSON数据，后端PHP解析数据示例
- ● PHP利用ffmpeg截图视频封面或截取一段gif动画图片
- ● PHP利用ffmpeg处理视频相关命令记录
- ● PHP允许JS（xmlHttp）、AJAX跨域的设置方法
- ● php远程网络唤醒计算机及WOL唤醒魔术包格式原理
- ● FatalErrorBaseaddressmarksunusablememoryregion解决办法
- ● 关于PHP7不支持curl的解决方法
- ● PHP在浏览器中发出CMD指令执行Windows电脑关机、重启
- ● PHP接收$_POST表单值为字符串或数组时，对安全转义的处理函数
本站PHP博客源代码下载
本站使用的PHP博客系统采用PHP和MySql开发，程序开发完全是因为个人爱好，是自己纯手写PHP源代码，未采用任何PHP框架，现已免费开源共享提供给大家下载！
联系博主
