当前位置: 首页 > 工具软件 > Firefox Focus > 使用案例 >

firefox 光标定位focus异常处理

叶冥夜
2023-12-01

文章参考

问题描述

  1. 元素获取焦点函数focus()在IE中正常Firefox中却不起作用。
  2. 在 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>
 类似资料: