js控制焦点固定在指定文本框

更新：2021-06-22 09:04:39

人气：1904

来源：互联网转载

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>

————————————————

原文链接：https://blog.csdn.net/baidu_38318159/article/details/108481668

转载请注明：js控制焦点固定在指定文本框 | 李雷博客 - PHP博客

推荐的文章

360浏览器网站九宫格LOGO标签申请网址及设计规范

tidb关闭sql_mode=ONLY_FULL_GROUP_BY模式

移动端图片处理，设定最大宽度，高度等比处理（纯CSS）

windows客户端修改系统时间自动同步授时校准频率的方法

# 发表我的评论

/ /

# 最近评论

暂时还没有评论，要不要说点什么？

Ads by Google

随手记

PHP经验分享

联系博主

Hello，本博客系统采用PHP和MySql开发，程序开发完全是因为个人爱好，是自己纯手写PHP源代码，未采用任何PHP框架！

QQ：858353007 微信号：lileihot123

标签：PHP技术博客 PHP经验分享

网站地图 XML地图随手记本站声明博客移动版	会员服务 PHP经验分享帮助中心	关于我们联系我们获取积分 QQ：858353007	广告服务广告优势付款方式 mdaima@126.com	加我微信	移动端访问


Copyright © 2014- 2026 www.mdaima.com All Rights Reserved. 李雷博客，专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客！ ICP备案号：京ICP备10202169号-4