Web Cơ Bản

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ụ