firefox 光标定位focus异常处理

最新推荐文章于 2022-07-11 07:37:00 发布

胖鹅68

最新推荐文章于 2022-07-11 07:37:00 发布

阅读量1.2k

点赞数

分类专栏： Html5、JavaScript、ES6

本文链接：https://blog.csdn.net/hbiao68/article/details/85156834

版权

Html5、JavaScript、ES6 专栏收录该内容

82 篇文章 3 订阅

订阅专栏

文章目录

文章参考

问题描述

元素获取焦点函数focus()在IE中正常Firefox中却不起作用。
在 chrome 浏览器中，找到控件对象直接使用 focus() 函数定位，光标定位能成功，在开发过程中添加了相关的逻辑，结果就无法定位了，最后经过几番调试发现，只需要把定位的函数放在最后即可

js校验输入框的函数

function is_number(feild) {
    var strRegExp = /^\d+(\.\d{1,2})?$/;
    if (!strRegExp.test(feild.value)) {
        alert("请输入有效的数字,小数点后最多只能输入两位!");
        feild.focus();
        return false;
    }
}

解决办法

1、让元素先失去焦点再获取焦点

feild.blur();
feild.focus();

这种方法在Firefox/windows上行为是正常的,但在firefox/linux平台上仍然无法获取焦点

2、定时器

setTimeout(function(){feild.focus();},0);

这种方法在firefox/windows和firefox/linux平台上都可以正常工作。

案例

<script>
function init(){
    document.getElementById("inputId").focus();
} 
</script>
 
<body onload="document.getElementById('test').focus()">
我要获取焦点：<input type="text" name="test" id="test">
</body>