Angularjs $ document [0] .activeElement thay vì $ document.activeElement

Question

Tôi đang viết chỉ thị giữ chỗ bằng cách sử dụng angularjs.

Trên trình xử lý nhấp chuột, tôi muốn kiểm tra xem phần tử và document.activeElement có giống nhau hay không.

Tôi đã cố gắng sử dụng $docuemnt.activeElement cho điều đó nhưng nó luôn là undefined. Nhưng khi tôi sử dụng $document[0].activeElement Tôi nhận được phần tử hiện đang hoạt động.

Có phải $document[0].activeElement là đúng cách để truy cập vào phần tử hiện đang hoạt động không? Hay đang làm gì đó sai?

Answer 1

Không, $document là một phiên bản bọc của document, nó được bọc bằng jQlite mà là một phiên bản nhỏ của jQuery, vì vậy $document không có phương pháp nào gọi là activeElement vì document là bên trong $document, Vì vậy, bạn sẽ phải sử dụng

$document[0].activeElement 

Hoặc

document.activeElement 

Bạn cũng có thể tạo một biến toàn cầu đó là một phiên bản bọc của activeElement như vậy.

var $activeElement = angular.element(document.activeElement); 
$activeElement.attr('focused', 'yes'); // Example usage 

Answer 2

Cũng giống như một lưu ý thêm là bạn sử dụng câu trả lời ở trên với:

$document[0].activeElement

Sau đó, bạn đang thực sự là một mảng của các yếu tố tích cực, do đó bạn cần phải sử dụng:

$document[0].activeElement[0]

hoặc

angular.element($document[0].activeElement)[0]