tiêu điểm ()
Javascript tiêu điểm () các phương thức giúp làm nổi bật một phần tử biểu mẫu HTML. Nó đặt phần tử làm phần tử hoạt động trong tài liệu hiện tại. Trong tài liệu hiện tại, tiêu điểm chỉ có thể được áp dụng cho một phần tử duy nhất. Tiêu điểm có thể được áp dụng cho văn bản, nút, v.v.
cú pháp
element.focus(options);
Ví dụ
Trong ví dụ sau, ban đầu, văn bản " Điểm hướng dẫn "nằm trong thẻ liên kết 'a', dưới dạng id được gọi là" focus ". Sau đó, một hàm được khai báo trong đó id được gọi bằng cách sử dụng phương thức DOM và focus () được áp dụng trên nó để thay đổi màu của văn bản "Tutorialspoint" thành màu đỏ. Tại đây, một nút được sử dụng cho sự kiện nhấp chuột.
<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 hiện đoạn mã trên, chúng ta sẽ nhận được hình ảnh sau hiển thị trên màn hình.
Khi chúng tôi nhấp vào nút lấy tiêu điểm, chúng tôi sẽ nhận được kết quả sau.
Đầu ra
