欢迎您来到,码代码-李雷博客        登录  |  注册

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博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架,现已免费开源共享提供给大家下载!
PHP博客下载
  联系博主
QQ:858353007   个人微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2021 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号