焦點在Firefox中不起作用

焦點方法在Firefox中不起作用只有在Firefox中覆蓋功能的基本步驟。請提供解決方案html代碼，並在下面添加Js代碼。提前致謝。使用小提琴鏈接，您可以儘快訪問並提供解決方法。焦點在Firefox中不起作用

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

<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>

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

來源

2017-09-01 user3222157

你的代碼似乎在Firefox中正常工作對我來說 - 雖然我不知道你期望一個集中'div'元素上到底是什麼做？ –

是的，請指定你的意思是「不工作」... – rebecca

哪個版本的Firefox是你的工作 –

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

來源

2017-09-01 10:38:46 Ankit

這應該是一個評論，而不是一個答案 –

是的，但我不能直接評論沒有聲望50所以剛剛告訴他，它工作 – Ankit

firefox版本是54.0.1（32位） – user3222157

好了，因爲警告框向我們展示了正確的項目，它是在火狐工作，我想你錯過了藍色邊框？

如果在運行代碼段後點擊聚焦的div，它將顯示一個小的虛線邊框。我不太確定，但我認爲瀏覽器以不同的方式呈現一個焦點的項目（？ - 如果我錯了，請任何人糾正我）

你可以做的是給你的元素添加一個額外的邊框，如果你懶得看：


 

 
     $(document).ready(function() { 
 
      
 
    $("[id$='.errors']:first").attr("tabindex",-1).focus(); 
 

 
// HERE WE SEE THAT SETTING THE FOCUS WORKED: 
 

 
     $(document.activeElement).css("border", "solid green"); 
 

 
      });

<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>

來源

2017-09-01 11:43:21 rebecca

焦點在Firefox中不起作用

回答

相關問題