Javascript focus在firefox中不起作用

Focus方法在Firefox中不起作用，只有在Firefox中覆盖函数的基本步骤。请提供解决方案html代码，下面添加Js代码。提前谢谢。使用fiddle链接，您可以访问并尽快提供解决方案

$（文档）.ready（函数（）{
$（“[id$=”.errors']：first”）.css（“背景色”，“FFFFCC”）；
setTimeout（函数（）{
$（“[id$=”.errors']：first”）.attr（“tabindex”，-1.focus（）；
警报（document.activeElement.innerHTML+“已聚焦”）；
}, 300);
});

缺少用户id
缺少年龄
我已检查了您的代码。它正在firefox和chrome浏览器上运行

  <div id="userid.errors" class="lp">User id is missing</div>
  <div id="age.errors" class="lp">age is missing</div>

  $(document).ready(function() {
      $("[id$='.errors']:first").css("background-color","#FFFFCC");
      setTimeout(function(){
         $("[id$='.errors']:first").attr("tabindex",-1).focus();
         alert(document.activeElement.innerHTML+ " is focussed");
      },300);
    });

缺少用户id
年龄不见了
$（文档）.ready（函数（）{
$（“[id$=”.errors']：first”）.css（“背景色”，“FFFFCC”）；
setTimeout（函数（）{
$（“[id$=”.errors']：first”）.attr（“tabindex”，-1.focus（）；
警报（document.activeElement.innerHTML+“已聚焦”）；
},300);
});
我已经检查了您的代码。它正在firefox和chrome浏览器上运行

  <div id="userid.errors" class="lp">User id is missing</div>
  <div id="age.errors" class="lp">age is missing</div>

  $(document).ready(function() {
      $("[id$='.errors']:first").css("background-color","#FFFFCC");
      setTimeout(function(){
         $("[id$='.errors']:first").attr("tabindex",-1).focus();
         alert(document.activeElement.innerHTML+ " is focussed");
      },300);
    });

缺少用户id
年龄不见了
$（文档）.ready（函数（）{
$（“[id$=”.errors']：first”）.css（“背景色”，“FFFFCC”）；
setTimeout（函数（）{
$（“[id$=”.errors']：first”）.attr（“tabindex”，-1.focus（）；
警报（document.activeElement.innerHTML+“已聚焦”）；
},300);
});
好的，既然警报框向我们显示了正确的项目，它在firefox中正常工作，我想你错过了蓝色边框了吧

如果在运行代码段后单击聚焦的div，它会显示一个小的虚线边框。我不太确定，但我认为浏览器的焦点不同（？-如果我错了，请纠正我）

如果您对此感到困扰，您可以做的是为元素添加一个额外的边框：



$（文档）.ready（函数（）{
$（“[id$=”.errors']：first”）.attr（“tabindex”，-1.focus（）；
//在这里，我们看到设置焦点是有效的：
$（document.activeElement）.css（“边框”，“纯绿色”）；
});

缺少用户id
年龄丢失了
好吧，既然警报框显示了正确的项目，它在firefox中工作，我想你错过了蓝色边框了吧

如果在运行代码段后单击聚焦的div，它会显示一个小的虚线边框。我不太确定，但我认为浏览器的焦点不同（？-如果我错了，请纠正我）

如果您对此感到困扰，您可以做的是为元素添加一个额外的边框：



$（文档）.ready（函数（）{
$（“[id$=”.errors']：first”）.attr（“tabindex”，-1.focus（）；
//在这里，我们看到设置焦点是有效的：
$（document.activeElement）.css（“边框”，“纯绿色”）；
});

缺少用户id
年龄缺失
您的代码在Firefox中对我来说似乎运行良好-尽管我不确定您希望专注于
div
元素做什么？是的，请指定“不工作”的含义…您正在使用哪个版本的Firefox？Firefox版本是54Hi-Yo，Firefox版本是54.0.1（32位）您的代码在Firefox中似乎运行良好-尽管我不确定您希望专注于
div
元素做什么？是的，请指定“不工作”的含义…您正在使用哪个版本的Firefox？Firefox版本是54Hi Yo，Firefox版本是54.0.1（32位）这应该是一个评论，而不是回答是的，但我不能在没有声誉50的情况下直接评论，所以我告诉他Firefox版本是54.0.1（32位），你能检查一下“trigger”$（“[id$=”.errors']：first”）.attr（“tabindex”，-1）。trigger（'focus'）；这应该是一个评论，而不是回答是的，但我不能在没有声誉50的情况下直接评论，所以我告诉他Firefox版本是54.0.1（32位），你能检查一下“trigger”$（“[id$=”.errors']：first”）.attr（“tabindex”，-1）。trigger（'focus'）；这条虚线应该没有点击。对我来说似乎什么都不管用。那条虚线应该是不点击的。对我来说似乎什么都不管用。