Thuộc tính tự động lấy nét HTML DOM Textarea trả về và sửa đổi xem vùng văn bản có nên tự động được lấy nét hay không khi tải trang.
Cú pháp
Sau đây là cú pháp -
1. Tự động lấy nét trở lại
object.autofocus
2. Đang sửa đổi lấy nét tự động
object.autofocus = true | false
Hãy để chúng tôi xem một ví dụ về Thuộc tính lấy nét tự động HTML DOM Textarea:
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
}
</style>
<body>
<h1>DOM Textarea autofocus Property Demo</h1>
<textarea autofocus>Hi! I'm a text area element with some dummy text.</textarea>
<button onclick="set()" class="btn">Disable Autofocus</button>
<script>
function set() {
document.querySelector("textarea").autofocus = false;
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Tắt tự động lấy nét ”Để tắt tính năng tự động lấy nét trên phần tử textarea. Bây giờ, con trỏ sẽ không hiển thị:
