Làm thế nào để kiểm tra xem một phần tử dom có ​​thể tập trung được không?

Question

Nhiều phần tử DOM có thể lấy tiêu điểm: div với tabIndex, các phần tử đầu vào, v.v. Có cách nào đơn giản để kiểm tra xem một phần tử có thể lấy tiêu điểm hơn là kiểm tra một tỷ các trường hợp khác nhau không? Có một phương pháp jQuery cho điều này?

Answer 1

trả lời "dịch" từ đây: Which HTML elements can receive focus?

• <a> hoặc <area> với href
• Bất kỳ yếu tố hình thức mà không bị khuyết tật
• iframe
• Bất kỳ phần tử với tabindex

Additionaly, tôi beli đêm trước rằng các yếu tố ẩn cũng không thể tập trung.

Giả sử rằng các điều kiện, các chức năng sau đây có thể giúp bạn (giả sử nó sẽ luôn nhận được một yếu tố jQuery):

function canFocus($el) { 
    if ($el.is(":hidden") || $el.is(":disabled")) { 
     return false; 
    } 

    var tabIndex = +$el.attr("tabindex"); 
    tabIndex = isNaN(tabIndex) ? -1 : tabIndex; 
    return $el.is(":input, a[href], area[href], iframe") || tabIndex > -1; 
}