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

最新推荐文章于 2022-08-18 15:44:59 发布

一颗糖的幸福

最新推荐文章于 2022-08-18 15:44:59 发布

阅读量1.8k

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/baidu_38318159/article/details/108481668

版权

需求：mes扫描SN条码时永远让该文本框获得焦点
①
页面一加载就定义焦点在文本框上，当文本框失去焦点时重新定义焦点在文本框。
代码如下：


<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>