trigger(event,[data]) trong jQuery
Miêu tả
Phương thức trigger(event,[data]) trong jQuery kích hoạt một sự kiện trên mỗi phần tử đã so khớp.
Các sự kiện được kích hoạt là không giới hạn, bạn cũng có thể kích hoạt các sự kiện đã đăng ký tới bind.
Cú pháp
Sau đây là cú pháp để sử dụng trigger(event,[data]) trong jQuery:
selector.trigger( event, [data] )
Tham số
Chi tiết tham số được sử dụng trong phương thức trigger(event,[data]) trong jQuery:
event − Một đối tượng Event để kích hoạt.
data − Đây là tham số tùy ý biểu diễn dữ liệu bổ sung được truyền như là các tham số (sau đối tượng Event) tới Event Handler.
Ví dụ
Ví dụ đơn giản sau minh họa cách sử dụng của trigger(event,[data]) trong jQuery. Ở đây, bạn sẽ kích hoạt sự kiện click trên hình vuông TWO bằng việc click vào hình vuông ONE:
<html>
<head>
<title>The jQuery Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#div1").click( function () {
$("#div2").trigger('click');
});
$("#div2").click( function () {
alert( "Square TWO is clicked");
});
});
</script>
<style>
div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
</style>
</head>
<body>
<span>Click square ONE to see the result:</span>
<div id="div1" style="background-color:blue;">ONE</div>
<div id="div2" style="background-color:blue;">TWO</div>
</body>
</html>
Nó sẽ cho kết quả:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Các bài học jQuery khác tại VietJack:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
