Web Cơ Bản

Sự kiện focus() trong jQuery

1) Sự kiện focus() trong jQuery

- Sự kiện focus() xảy ra khi người dùng truy cập vào các phần tử như <input> <textarea> <select>

(truy cập bằng cách click vào chúng hoặc bấm phím Tab để di chuyển vào chúng)

- Ví dụ: Bạn hãy thử click vào các phần tử bên dưới hoặc bấm phím Tab để di chuyển qua lại giữa chúng để thấy sự kiện focus() xảy ra như thế nào.

focus()

- Gợi ý: Sự kiện focus() thường được sử dụng chung với sự kiện blur()

2) Cách sử dụng sự kiện focus() trong jQuery

- Có hai trường hợp sử dụng sự kiện focus():

- Trường hợp 1: Khi sự kiện focus() xảy ra thì một chức năng sẽ được thực thi:

$(selector).focus(function(){
    //đoạn mã sẽ được thực thi khi sự kiện focus() xảy ra
})

- Trường hợp 2: Kích hoạt sự kiện focus() cho một phần tử:

$(selector).focus();

3) Một số ví dụ

Ví dụ:

- Khi phần tử <textarea> xảy ra sự kiện focus() thì hiển thị một thông báo với nội dung là Sự kiện focus() vừa xảy ra trên TEXTAREA


<script>
    $(document).ready(function(){
        $("textarea").focus(function(){
            $("h2").html("Sự kiện focus() vừa xảy ra trên TEXTAREA");
        });
    });
</script>
Xem ví dụ
Ví dụ:

- Khi phần tử <button> xảy ra sự kiện click() thì <textarea> sẽ được kích hoạt sự kiện focus()


<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("textarea").focus();
        });
    });
</script>
Xem ví dụ