关于FIREFOX火狐浏览器中focus()设置焦点的问题

最新推荐文章于 2021-06-18 16:37:19 发布
最新推荐文章于 2021-06-18 16:37:19 发布
阅读量325 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js 文章标签： 浏览器 Firefox IE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/takkymj/article/details/83766638
本文介绍了在火狐浏览器中设置元素焦点的方法。不同于IE浏览器直接使用document.getElementById('id').focus();在火狐中需要先调用blur()使元素失去焦点，然后再调用focus()使其获得焦点。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在IE浏览器中，document.getElementById('id').focus();可以设置某标签得到焦点；但是在火狐中却不行。
原因很简单：

因为在火狐中设置标签焦点的顺序是先失去焦点才能得到焦点，也就是说先document.getElementById('id').blur();之后再document.getElementById('id').focus();这样ID为id的标签就可以得到焦点啦。
解决火狐浏览器iframe的focus和blur事件触发无效问题
Ciar
03-06 4710
function setit(){ if(document.all){ document.getElementById("myframe").attachEvent("onblur",dothis); }else{ document.getElementById("myframe").contentWindow.addEventListener("blur",dothis
滤镜问题-FireFox火狐浏览器与IE的对比分析
09-12
### 滤镜问题-FireFox火狐浏览器与IE的对比分析 在Web开发领域，浏览器兼容性一直是开发者关注的重点之一。特别是在早期的Web技术发展中，不同浏览器对标准的支持程度存在较大差异，导致了多种特有的样式和效果实现...
火狐浏览器Firefox中设置focus焦点无效的问题
weixin_34408717的博客
07-01 1188
为什么80%的码农都做不了架构师？>>> ...
火狐兼容js的focus（）事件
weixin_34209406的博客
01-01 291
2019独角兽企业重金招聘Python工程师标准>>> ...
火狐firefox下面的无法定焦点focus问题_华陌飞尘_新浪博客
onebird_lmx的博客
07-17 198
在火狐下面，想实现一个极其简单的focus用来控制输入框的焦点，却不是那么简单； 比如控制album_name的焦点，直接 jQuery("#album_name").focus() 在IE下面OK，但是火狐不认这套！ 而其实做法也简单： window.setTimeout( function(){ jQuery("#album_name").focus(); }, 0); 用set...
在FireFox中如何应用focus()
10-20 311
window.setTimeout( function(){ document.test.username.focus(); },  0);
Mac用户必备：下载Firefox火狐浏览器91.0b7版本安装包
资源摘要信息:"Firefox火狐浏览器官方91.0b7-mac版本dmg安装包" 知识点: 1. 浏览器与Firefox简介 浏览器是一种用于访问和显示万维网上信息的软件应用程序。它可以帮助用户浏览互联网，打开网页，并在网页间进行导航...
火狐下input焦点无法重复获取问题的解决方法
09-04
总之，当你遇到火狐浏览器下input焦点无法重复获取的问题时，使用`window.setTimeout`延迟0毫秒调用`focus()`是一个有效的解决方案。这不仅解决了问题，还能保持代码的简洁性和兼容性。对于这个问题的更深入理解，...
火狐浏览器输入框第一次失去焦点动态样式不触发
最新发布
10-10
火狐浏览器（Firefox）中的input元素，当你尝试为其设置`onblur`事件以在失去焦点时改变样式，有时可能会遇到首次聚焦时不触发的问题。这是因为默认情况下，`onfocus` 和 `onblur` 事件仅在元素获得焦点和失去焦点后...
火狐textarea输入法的bug的触发及解决
09-05
本文将深入探讨一个特定的问题，即“火狐textarea输入法的bug及其解决方法”，这个问题主要出现在Firefox浏览器中，涉及到JavaScript与输入法交互时的一个不寻常行为。 首先，我们要理解这个bug的触发条件。当用户...
兼容ie 谷歌 火狐的获取焦点失去焦点方法
ghs2599学习心路历程
02-13 1737
Firefox中input元素,不能重新获取焦点函数focus()
aomiano55778的博客
01-10 355
js校验输入框的函数: function is_number(feild) { var strRegExp = /^\d+(\.\d{1,2})?$/; if (!strRegExp.test(feild.value)) { alert("请输入有效的数字,小数点后最多只能输入两位!"); feild.focus(); ...
onfocus在火狐、ie10浏览器失效解决方法方法
weixin_30414245的博客
11-26 182
<script> function setit(){ if(document.all){ document.getElementById("myframe").attachEvent("onfocus",dothis); }else{ document.getElementById("myframe").contentWindow.ad...
firefox下onblur的focus不好用解决代码
lilinrui_ruirui的博客
09-20 412
if(/[^0-9]/g.test(this.value)){alert('只能输入数字');window.setTimeout(function(){document.getElementById('txtposncount').focus();}, 0);}  
html聚焦标签,HTML
weixin_31588005的博客
06-18 481
HTML 标签autofocus属性实例一个自动聚焦的下拉列表：VolvoSaabOpelAudi亲自测试一下浏览器支持 Internet Explorer 10、Opera、Chrome 和 Safari 支持 autofocus 属性。注意：Firefox 或者 Internet Explorer 9 及之前的版本不支持 标签的 autofocus 属性。定义和用法autofocus 属性...
firefox 光标定位focus异常处理
黄彪博客
07-15 1432
文章目录文章参考问题描述解决办法1、让元素先失去焦点再获取焦点2、定时器案例 文章参考 问题描述 元素获取焦点函数focus()在IE中正常Firefox中却不起作用。 js校验输入框的函数 function is_number(feild) { var strRegExp = /^\d+(\.\d{1,2})?$/; if (!strRegExp.test(feil...
firefox浏览器的onblur事件
老尹的笔记
05-26 2416
使用firefox浏览器，看视频课程的时候，遇到一种情况，鼠标一离开浏览器窗口，或者说，一离开flash播放器正在播放的视频画面，视频就暂停，这样很不方便。 怎么解决呢？ 考虑浏览器会有 失去焦点的事件监听器。查了一下，还真的有，叫做onblur onblur 事件会在对象失去焦点时发生。比如： <html> <head> <script type="text/javascript"> function upperCase() { var x=document.g
解决火狐浏览器input框焦点无法重复获取的问题
qq_31483493的博客
02-20 848
问题描述：在火狐浏览器下input框不能重复聚焦，只能聚焦一次 解决办法: 将代码document.getElementById("id").focus();改为 window.setTimeout(function(){document.getElementById("id").focus();},0); 有关setTimeout(fn,0) 为什么用 setTimeout(fn,0) 就能...
Mozilla Firefox火狐浏览器深度评测
Mozilla Firefox火狐浏览器是由Mozilla基金会开发的一款开源网页浏览器。它以其速度快、插件丰富、界面友好等特点广受欢迎，是全球用户数量最多的浏览器之一。Firefox支持跨平台使用，包括Windows、macOS和Linux操作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值