Sự kiện select() trong jQuery
1) Sự kiện select() trong jQuery
- Sự kiện select() xảy ra khi người dùng chọn (bôi đen) văn bản bên trong textarea hoặc textfield.
- Ví dụ 1: Bạn hãy thử bôi đen văn bản bên trong textarea bên dưới.
- Ví dụ 2: Bạn hãy thử bôi đen văn bản bên trong textfield bên dưới.
2) Cách sử dụng sự kiện select() trong jQuery
- Có hai trường hợp sử dụng sự kiện select():
- Trường hợp 1: Khi sự kiện select() xảy ra thì một chức năng sẽ được thực thi:
$(selector).select(function(){
//đoạn mã sẽ được thực thi khi sự kiện select() xảy ra
})
- Trường hợp 2: Kích hoạt sự kiện select() cho một phần tử:
$(selector).select();
3) Một số ví dụ
Ví dụ:
- Khi phần tử <textarea> xảy ra sự kiện select() thì hiển thị một thông báo với nội dung là Sự kiện select() vừa mới xảy ra
<script>
$(document).ready(function(){
$("textarea").select(function(){
alert("Sự kiện select() vừa mới xảy ra");
});
});
</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 select()
<script>
$(document).ready(function(){
$("button").click(function(){
$("textarea").select();
});
});
</script>
Xem ví dụ