Phương thức blur() trong JavaScript dùng để xóa (làm mờ) hành động focus trước đó trên thẻ input hoặc thẻ liên kết a, chi tiết như nào hãy cùng chúng tôi phân tích:

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

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

Phương thức blur() trong JavaScript dùng để xóa (làm mờ) hành động focus trước đó trên thẻ input hoặc thẻ liên kết a.

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

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

Nhất nút để thêm focus, nhấn nút để xóa focus trong thẻ input (phương thức blur() thực hiện xóa focus):

<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 blur() thêm xóa a trong JavaScript

Nhất nút để thêm focus, nhấn nút để xóa focus (phương thức blur() thực hiện 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 blur() 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 blur() 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