Phương thức focus() trong JavaScript hoạt động như thế nào?

focus()

Phương thức focus() của JavaScript giúp làm nổi bật một phần tử form HTML. Nó đặt phần tử đó trở thành phần tử đang hoạt động (active element) trong tài liệu hiện tại. Theo tài liệu hiện hành, focus chỉ có thể áp dụng cho một phần tử đơn lẻ. Focus có thể áp dụng cho ô văn bản, nút bấm, v.v.

Cú pháp

element.focus(options);

Ví dụ

Trong ví dụ sau, ban đầu văn bản "Tutorialspoint" nằm trong thẻ neo a với id="focus". Sau đó, một hàm được khai báo, trong đó id được gọi bằng phương thức DOM và phương thức focus() được áp dụng để thay đổi màu chữ "Tutorialspoint" thành đỏ. Ở đây sử dụng nút bấm cho sự kiện click.

<html> <head> <style> 
    a:focus, a:active { 
        color: red; 
    } 
</style> </head> <body> 
<a href="https://www.tutorialspoint.com/" id="focus">Tutorialspoint</a> 
<input type="button" value="getfocus" onclick="getfo()"> 
<script> 
    function getfo() { 
        document.getElementById("focus").focus(); 
    } 
</script> </body> </html>

Sau khi thực thi mã trên, màn hình sẽ hiển thị như hình ảnh bên dưới.

Khi nhấn nút "get focus", kết quả sẽ như sau.

Kết quả