Question

焦点方法在Firefox中不起作用l在Firefox中覆盖功能的基本步骤。请提供解决方案html代码，并在下面添加Js代码。提前致谢。使用小提琴链接，您可以尽快访问并提供解决方法。

＆＃13;

$(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);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="userid.errors" class="lp">User id is missing</div>
<div id="age.errors" class="lp">age is missing</div>

＆＃13;

小提琴链接是：http://jsfiddle.net/x7euD/3/

Answer 1

我检查了你的代码。它正在使用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);
    });

Answer 2

好的，所以既然警告框显示了正确的项目，在firefox中工作，我想你错过了蓝色边框？

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

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

＆＃13;

   

         $(document).ready(function() {
            
     $("[id$='.errors']:first").attr("tabindex",-1).focus();

// HERE WE SEE THAT SETTING THE FOCUS WORKED:

      $(document.activeElement).css("border", "solid green");

             });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="userid.errors" class="lp">User id is missing</div>
<div id="age.errors" class="lp">age is missing</div>

＆＃13;

焦点在firefox

2 个答案: