Web Cơ Bản

Sự kiện keyup() trong jQuery

Để dễ dàng tiếp thu bài hướng dẫn này thì trước tiên bạn cần xem qua:

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

- Sự kiện keyup() xảy ra khi một phím đang nhấn xuống được "nhả" ra.

- Ví dụ: Bạn hãy thử nhập một nội dung gì đó vào phần tử <textarea> bên dưới.

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

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

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

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

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

$(selector).keyup();

3) Một số ví dụ

Ví dụ:

- Khi phần tử <textarea> xảy ra sự kiện keyup() thì nền của phần tử <textarea> đó sẽ được chuyển sang màu hồng.

<script>
    $(document).ready(function(){
        $("textarea").keyup(function(){
            $(this).css("background-color","pink");
        });
   });
</script>
Xem ví dụ
Ví dụ:

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

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