Web Cơ Bản

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ụ