Web Cơ Bản

Sự kiện mouseup() trong jQuery

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

- Sự kiện mouseup() xảy ra khi người dùng "nhả" chuột ra khỏi phần tử đang được nhấp.

- Ví dụ: Bạn hãy thử nhấp chuột vào tấm hình bên dưới rồi sau đó "nhả" ra để xem như thế nào.

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

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

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

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

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

$(selector).mouseup();

3) Một số ví dụ

Ví dụ:

- Khi phần tử <button> xảy ra sự kiện mouseup() thì phần tử <img> sẽ được hiện lên.

<script>
    $(document).ready(function(){
        $("button").mouseup(function(){
            $("img").show();
        });
    });
</script>
Xem ví dụ
Ví dụ:

- Khi người dùng bôi đen văn bản bên trong phần tử <textarea> thì phần tử <button> sẽ được kích hoạt sự kiện mouseup().

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