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经验分享