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ụ