Có 'trọng tâm' trong JavaScript (hoặc jQuery) không?

Question

Có điều gì tôi có thể làm như thế này (perhap qua một plugin)

if (! $('form#contact input]').hasFocus()) { 
    $('form#contact input:first]').focus(); 
} 

Về cơ bản, đặt trọng tâm vào các đầu vào đầu tiên, nhưng chỉ khi người dùng đã chưa nhấp vào bất cứ điều gì?

Tôi biết điều này cũng sẽ hoạt động, nhưng có điều gì thanh lịch hơn không?

$(function() { 
    var focused = false; 
    $('form#contact input]').focus(function() { 
    focused = true; 
    }); 
    setTimeout(function() { 
    if (! focused) {  
     $('form#contact input:first]').focus(); 
    } 
    }, 500); 
}); 

Answer 1

Không có giải pháp tự nhiên nhưng có có một thanh lịch hơn cách bạn có thể thực hiện:

jQuery.extend(jQuery.expr[':'], { 
    focus: "a == document.activeElement" 
}); 

Yo bạn đang định nghĩa một bộ chọn mới. Xem Plugins/Authoring. Sau đó, bạn có thể làm:

if ($("...").is(":focus")) { 
    ... 
} 

hay:

$("input:focus").doStuff(); 

Answer 2

Không, không có.

Tuy nhiên, bạn có thể mô phỏng nó như thế này:

$(':input') 
    .data('focused', false) 
    .focus(function() { $.data(this, 'focused', true); }) 
    .blur(function() { $.data(this, 'focused', false); }); 

Answer 3

Có một plugin http://plugins.jquery.com/project/focused

Ngoài ra bạn có thể kiểm tra Using jQuery to test if an input has focus

Answer 4

$('input:focus')

Đó là CSS. Bạn không cần tạo "công cụ chọn tùy chỉnh". Nó đã tồn tại! http://www.w3schools.com/CSS/pr_pseudo_focus.asp

Chỉ cần đính kèm bất kỳ quy trình nào bạn muốn thực hiện cho bộ chọn đó và nó sẽ loại bỏ nó nếu phần tử được đề cập không được tập trung. Tôi đã thực hiện việc này gần đây để giữ một số keyup từ việc khởi tạo kiểm tra lỗi nhập email khi đầu vào e-mail không được sử dụng.

Nếu tất cả các bạn đang cố gắng làm là kiểm tra xem người dùng đã tập trung vào bất cứ điều gì mình, chỉ cần làm điều này:

if($('input:focus').size() == 0){ 
    /* Perform your function! */ 
} 

Answer 5

tôi đã gặp rắc rối với cách tiếp cận cletus, sử dụng jQuery 1.3.2 và Firefox 3.6. 8, bởi vì chuỗi "a == document.activeElement" không phải là hàm hợp lệ.

Tôi đã sửa nó xác định chức năng cho khóa focus. Trên thực tế, tất cả các khóa khác được xác định trong jQuery.expr[':'] được định nghĩa là các hàm. Đây là mã:

jQuery.extend(jQuery.expr[':'], { 
    focus: function(e){ return e == document.activeElement; } 
}); 

Vì vậy, giờ nó hoạt động như mong đợi.

Tuy nhiên, tôi đã gặp phải một số hành vi lạ trong Firefox 3.6.8 (có thể là lỗi trong FF?). Nếu tôi nhấp vào văn bản đầu vào trong khi trang được hiển thị và nếu tôi gọi là is(":focus") khi tải trang, tôi sẽ gặp lỗi từ trình duyệt, được báo cáo bởi FireBug và tập lệnh sẽ bị hỏng.

Để giải quyết vấn đề này, tôi đã bao quanh mã có khối try...catch, trả lại false do lỗi.Sử dụng nó nếu bạn muốn ngăn người dùng của mình gặp phải lỗi tương tự:

jQuery.extend(jQuery.expr[':'], { 
    focus: function(e){ 
     try{ return e == document.activeElement; } 
     catch(err){ return false; } 
    } 
}); 

Answer 6

Đây là cách ngắn gọn để thực hiện.

$(document.activeElement) 

hoặc để cắm nó vào ví dụ của bạn ..

if ($('form#contact input]')!=$(document.activeElement)) { ... } 

Answer 7

jQuery 1.6 bây giờ có một :focus chọn chuyên dụng.

Answer 8

Tôi biết đây là một câu hỏi cũ, nhưng có thể giải pháp của tôi sẽ giúp một ai đó :)

từ didnt này làm việc cho tôi:

if ($(this)!=$(document.activeElement)) { ... } 

..were "này" được trả về từ mờ chức năng. Vì vậy, tôi đã làm điều này:

if ($(document.activeElement).attr("class") != "input_textbox"){ ... } 

Answer 9

$('*:focus') 

(Necro ftw, nhưng vẫn có giá trị và hữu ích)

Answer 10

phiền rất khó để tìm một giải pháp cho vấn đề này xem xét các giải pháp thực sự là rất đơn giản:

if (document.activeElement == this) { 
 
    // has focus 
 
} 
 

 
if (document.activeElement != this) { 
 
    // does not have focus 
 
}