Sự kiện mousedown() trong jQuery

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

- Sự kiện mousedown() xảy ra khi người dùng "nhấp" chuột vào một phần tử.

- 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 mousedown() trong jQuery

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

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

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

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

$(selector).mousedown();

3) Một số ví dụ

Ví dụ:

- Khi phần tử <button> xảy ra sự kiện mousedown() thì phần tử <img> sẽ bị ẩn đi.

<script>
    $(document).ready(function(){
        $("button").mousedown(function(){
            $("img").hide();
        });
    });
</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 mousedown().

<script>
    $(document).ready(function(){
        $("textarea").select(function(){
            $("button").mousedown();
        });
    });
</script>

Xem ví dụ