时间:2021-05-18
今天遇到了一个很棘手的问题,就是在做一些输入框的验证的时候,我这边项目的业务逻辑就是当我选中某个select的某个特定option的时候,需要显示出一个input输入框让用户输入东西,但是如果用户啥也不做,就必须弹出警告框让用户输入,等其输入后,我这边再将input隐藏掉。
因此,便产生了如下问题,input输入框显示的时候,需要自动获取焦点,此时,我是用的
复制代码 代码如下:
document.getElementById('id').focus();
恩,尝试了一下,效果很好,不禁心中大喜,搞定!
但是天算不如人算,在我进行用火狐测试的时候,完蛋了,第一次刚将input显示出来的时候是好用的,但是随后我关闭alert提醒框的时候,input无法获取焦点了,囧!
问题棘手,又不明其所以,so,小小的查了一下网上大神们的解答方式,发现了如下一招,试验了一下,果然很好用!
在alert之后,将原来的
复制代码 代码如下:
document.getElementByIdx('id').focus();
换成
复制代码 代码如下:
window.setTimeout(function () { document.getElementById('id').focus();}, 0);
爽,问题解决!
setTimeout是指在载入后延迟指定时间后执行前面的表达式,当然在这里是延迟0ms之后执行function。
当我只是解决了这个问题,仍然不知道为什么在火狐下这样就能解决,如有哪位大神晓得,给下留言,让晚生学习一下,不胜感激!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
HTML结构:很简单,就一个input,一个div,能说明问题就OK了;搜索想要实现的结果:1、input框获取焦点时value为“”,失去焦点时value为“
本文实例讲述了vuev-for循环重复数据无法添加问题解决方法。分享给大家供大家参考,具体如下:问题:错误提示如下:解决问题的代码示例:www.jb51.net
springcloud配置智能路由zuul后转发请求指定的方法后会导致cookie无法获取的问题,主要解决方法是再application配置文件中加入sensi
刷机来解决问题,经过刷机,最终成功解决了问题,看到了久违的桌面。手机无法开机解决方法。ROM。ROM的获取可在相应的官方网站上获取,或者直接在一些专门提供刷机R
在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.解决方法:1.把页面中的tabin