Sự kiện blur() trong jQuery
1) Sự kiện blur() trong jQuery
- Sự kiện blur() xảy ra khi người dùng rời khỏi một phần tử <input>, <textarea> hoặc <select> đang được truy cập.
- Ví dụ: Bạn hãy truy cập vào phần tử <textarea> bên dưới bằng cách click vào nó, sau đó rời khỏi nó bằng cách click chuột ra bên ngoài.
2) Cách sử dụng sự kiện blur() trong jQuery
- Có hai trường hợp sử dụng sự kiện blur():
- Trường hợp 1: Khi sự kiện blur() xảy ra thì một chức năng sẽ được thực thi.
$(selector).blur(function(){
//đoạn mã sẽ được thực thi khi sự kiện blur() xảy ra
})
- Trường hợp 2: Kích hoạt sự kiện blur() cho một phần tử.
$(selector).blur();
3) Một số ví dụ
Ví dụ:
- Khi phần tử <input> có tên là hoten xảy ra sự kiện blur() thì hiển thị một thông báo với nội dung là Sự kiện blur() vừa mới xảy ra
<script>
$(document).ready(function(){
$("input[name='hoten']").blur(function(){
alert("Sự kiện blur() vừa mới xảy ra");
})
})
</script>
Xem ví dụ
Ví dụ:
- Khi click vào nút có tên là kichhoat thì phần tử <input> có tên là hoten sẽ xảy ra sự kiện blur()
<script>
$(document).ready(function(){
$("button[name='kichhoat']").click(function(){
$("input[name='hoten']").blur();
})
})
</script>
Xem ví dụ