Chức năng Javascript Focus() không hoạt động

Question

Tôi có một hộp văn bản mà tôi muốn đặt trọng tâm vào, nhưng nó không hoạt động.

document.getElementById("txtCity").focus(); 

Bất kỳ ý tưởng nào?

Answer 1

Có thể bạn đang gọi JavaScript trước khi phần tử đầu vào được hiển thị? Định vị phần tử đầu vào trước JavaScript hoặc đợi cho đến khi trang được tải trước khi bạn kích hoạt JavaScript của mình.

Để đó, nó hoạt động tốt:

<input type="text" id="test" /> 
<script type="text/javascript"> 
    document.getElementById("test").focus(); 
</script> 

Trong jQuery bạn có thể đặt mã trong vòng phương pháp .ready() để thực thi mã của bạn đầu tiên khi DOM được nạp đầy đủ:

<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#test").focus(); 
    // document.getElementById("test").focus(); 
    }); 
</script> 

Answer 2

Nó hoạt động tốt trong ví dụ này http://jsfiddle.net/lmcculley/rYfvQ/

Answer 3

Hãy thử bọc nó vào tài liệu r eady chức năng và chắc chắn, rằng bạn có jquery bao gồm.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $("#test").focus(); 
     }); 
    </script> 

Answer 4

<div id="txtROSComments" contenteditable="true" onkeyup="SentenceCase(this, event)"style="border: 1px solid black; height: 200px; width: 200px;"> 
    </div> 
    <script type="text/javascript"> 
     function SentenceCase(inField, e) { 
      debugger; 
      var charCode; 

      if (e && e.which) { 
       charCode = e.which; 
      } else if (window.event) { 
       e = window.event; 
       charCode = e.keyCode; 
      } 

      if (charCode == 190) { 
       format(); 
      } 
     } 

     function format() { 
      debugger; ; 
      var result = document.getElementById('txtROSComments').innerHTML.split("."); 

      var finaltxt = ""; 


      var toformat = result[result.length - 2]; 

      result[0] = result[0].substring(0, 1).toUpperCase() + result[0].slice(1); 

      if (toformat[0] != " ") { 

       for (var i = 0; i < result.length - 1; i++) { 
        finaltxt += result[i] + "."; 
       } 

       document.getElementById('txtROSComments').innerHTML = finaltxt; 
       alert(finaltxt); 
       abc(); 
       return finaltxt; 
      } 



      if (toformat[0].toString() == " ") { 
       debugger; 
       var upped = toformat.substring(1, 2).toUpperCase(); 

       var formatted = " " + upped + toformat.slice(2); 

       for (var i = 0; i < result.length - 1; i++) { 

        if (i == (result.length - 2)) { 
         finaltxt += formatted + "."; 
        } 
        else { 
         finaltxt += result[i] + "."; 
        } 

       } 
      } 
      else { 
       debugger; 
       var upped = toformat.substring(0, 1).toUpperCase(); 

       var formatted = " " + upped + toformat.slice(1); 



       for (var i = 0; i < result.length - 1; i++) { 
        if (i == (result.length - 2)) { 
         finaltxt += formatted + "."; 
        } 
        else { 
         //if(i 
         finaltxt += result[i] + "."; 
        } 

       } 

      } 
      debugger; 
      document.getElementById('txtROSComments').value = finaltxt; 
      return finaltxt; 

     } 

    </script> 
    <script type="text/javascript"> 
     function abc() { 
      document.getElementById("#txtROSComments").focus(); 
     } 

Answer 5

Tôi cũng đã phải đối mặt với cùng một problem.To giải quyết vấn đề này, đặt mã của bạn trong chức năng setTimeout.

function showMeOnClick() { 
    // Set text filed focus after some delay 
    setTimeout(function() { jQuery('#searchTF').focus() }, 20); 
    // Do your work..... 
}