Cách chọn một phần tử đã tập trung vào nó bằng jQuery

Question

Làm cách nào để chọn một thành phần có tiêu điểm hiện tại?

Không có :focus lọc trong jQuery, đó là lý do tại sao chúng ta có thể sử dụng một cái gì đó như thế này:

$('input:focus').someFunction(); 

Answer 1

Thực sự là cách tốt nhất để làm điều đó là để thiết lập một handler cho sự kiện onFocus, và sau đó thiết lập một biến thành ID của phần tử có tiêu điểm.

một cái gì đó như thế này: bạn

var id; 

$(":input").focus(function() { 
    id = this.id; 
}); 

Answer 2

Có cố gắng

$.extend($.expr[':'], { 
    focused: function(elem) { return elem.hasFocus; } 
}); 

alert($('input :focused').length); 

Answer 3

alert($("*:focus").attr("id")); 

tôi sử dụng jQuery.

Nó sẽ cảnh báo id của phần tử đang tập trung.

Tôi hy vọng nó hữu ích cho bạn.

Answer 4

Nếu bạn sử dụng JQuery, bạn có thể viết một selector like this:

$.expr[':'].focus = function(a){ return (a == document.activeElement); } 

Sau đó, bạn có thể chọn phần tử hiện tập trung: $(":focus")

Không chỉ điều khiển biểu mẫu có thể có trọng tâm. Bất kỳ phần tử html nào có tabindex đều có thể được tập trung trong các trình duyệt hiện đại.

Answer 5

Dỡ bỏ từ các ví dụ cho các phiên bản jQuery hiện tại (1,7) tài liệu:

$(elem).is(":focus"); 

Answer 6

$(document.activeElement) sẽ trở lại các yếu tố hiện tập trung và nhanh hơn bằng cách sử dụng selector giả: tập trung.

Nguồn: http://api.jquery.com/focus-selector/

Answer 7

Đối với yếu tố kiểm tra có tập trung hay không.

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

Answer 8

Đây là phiên bản CoffeeScript của nó. Dựa vào mã jmanrubia của:

$.expr[':'].focus = (a) -> a is document.activeElement

Bạn cũng sẽ gọi nó như vậy $(".:focus")