Web Cơ Bản

Sự kiện keydown() trong jQuery

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

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

- 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.

- Lưu ý: Nếu một phím được nhấn xuống và giữ nguyên (không nhả ra) thì trong khi đó sẽ xảy ra vô số sự kiện keydown().

- Ví dụ: Bạn hãy thử nhấn một phím nào đó vào phần tử <textarea> bên dưới và giữ nguyên.

Số sự kiện keydown() đã xảy ra: 0

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

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

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

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

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

$(selector).keydown();

3) Một số ví dụ

Ví dụ:

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


<script>
    $(document).ready(function(){
        $("textarea").keydown(function(){
            $(this).css("background-color","yellow");
        });
   });
</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 keydown()


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