Love beautiful code? We do too.

  1. Home
  2. Tutorial
  3. Hàm jQuery
  4. .mouseup() trong jQuery
Previous Lesson Next Lesson

.mouseup() trong jQuery

Định nghĩa và sử dụng .mouseup() trong jQuery

.mouseup(): Ràng buộc một xử lý tới một sự kiện mouseup (nhả chuột), hoặc kích hoạt sự kiện mouseup lên một thành phần.

Cấu trúc .mouseup() trong jQuery

Đã được thêm vào từ phiên bản 1.0

.mouseup()

$('input').mouseup();
.mouseup(function(){...})

$('input').mouseup(function(){
    alert('Bạn vừa click chuột');
});

.mouseup()

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('img').mouseup(function(){
        $(this).css('border','5px solid green');
    });
    $('button').click(function(){
        $('img').mouseup()
    });
});
</script>
</head>

<body>
<img src="https://hoclaptrinh.vn/themes/client/img/code-screen.jpg" />
<button>Click</button>
</body>
</html>

Hiển thị trình duyệt:

Khi click vào button, ta đã kích hoạt được giá trị mouseup vào , giống như vừa click vào và nhả chuột ra.

.mouseup(function(){...})

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('img').mouseup(function(){
        $(this).css('border','5px solid green');
    });
});
</script>
</head>

<body>
<img src="https://hoclaptrinh.vn/themes/client/img/code-screen.jpg" />
</body>
</html>

Hiển thị trình duyệt:

Khi click vào <img />ta sẽ thấy được kết qủa.

Previous Lesson Next Lesson

Viết câu trả lời

Drop Images

0 Bình luận

Danh mục bài học

Hoclaptrinh.vn © 2017

From Coder With