Phương thức focus() trong JavaScript dùng để thực hiện hành động khi người dùng click vào thẻ input hoặc một liên kết thẻ a, chi tiết như nào hãy cùng chúng tôi phân tích:

Phương thức focus() trong JavaScript

Chức năng của Phương thức focus() trong JavaScript

Phương thức focus() trong JavaScript dùng để thực hiện hành động khi người dùng click vào thẻ input hoặc một liên kết thẻ a.

Code Phương thức focus() trong JavaScript

Phương thức focus() nhập chữ ngay trong JavaScript

Tự động nhập chữ mà không click vào input, ngay khi bạn vừa load trang xong là con trỏ chuột ở ngay ô input:

<input type="text" id="txtten" placeholder="Nhập Họ Tên" >
<p>Tự động nhập họ tên mà không click vào input, ngay khi bạn vừa load trang xong là con trỏ chuột ở ngay ô input</p>
<script>
document.getElementById("txtten").focus();
</script>

Chạy Thử

Phương thức focus() thêm xóa input trong JavaScript

Nhất nút để thêm focus, nhấn nút để xóa focus trong thẻ input:

<input type="text" id="txtten" placeholder="Nhập Họ Tên" >
<p>Click vào nút Thêm Focus để thêm focus, Click vào nút Xóa Focus để xóa focus</p>
<button type="button" onclick="themFocus()">Thêm Focus</button>
<button type="button" onclick="xoaFocus()">Xóa Focus</button>
<script>
// Thêm Focus
function themFocus() {
  document.getElementById("txtten").focus();
}
// Xóa Focus
function xoaFocus() {
  document.getElementById("txtten").blur();
}
</script>

Chạy Thử

Phương thức focus() thêm xóa a trong JavaScript

Nhất nút để thêm focus, nhấn nút để xóa focus trong thẻ liên kết a, thao tác này có kết hợp với css::

<!DOCTYPE html>
<html>
<head>
<title>Phương thức focus() thêm xóa a trong JavaScript</title>
<style>
a:focus, a:active {
  color: red;
}
</style>
</head>
<body>
<a id="alienket" href="https://webmoi.vn/phuong-thuc-focus-them-xoa-a-trong-javascript/" >Liên kết để thao tác</a>
<p>Click vào nút Thêm Focus để thêm focus, Click vào nút Xóa Focus để xóa focus, thao tác này có kết hợp với css</p>
<button type="button" onclick="themFocus()">Thêm Focus</button>
<button type="button" onclick="xoaFocus()">Xóa Focus</button>
<script>
// Thêm Focus
function themFocus() {
  document.getElementById("alienket").focus();
}
// Xóa Focus
function xoaFocus() {
  document.getElementById("alienket").blur();
}
</script>
</body>
</html>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức focus() trong JavaScript.

5/5 - (1 Đánh giá)
0 Bình luận

Bùi Tấn Lực

CEO Bùi Tấn Lực người sáng lập ra Web Mới, là một lập trình viên website, người viết content, chuyên tư vấn các vấn đề về website và SEO website

Chia sẻ nội dung đánh giá của bạn về Phương thức focus() trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận, Hỏi đáp

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn