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ụ