Làm thế nào bind một sự kiện xử lý cho các event "change", hoặc kích hoạt sự kiện trên một phần tử. Dưới đây là các thuộc tính trong sự kiện mà nó hổ trợ.
- .change(handler (eventObject))
handler(eventObject) : Một chức năng để thực hiện mỗi lần sự kiện này được kích hoạt.
- .change([eventData], handler(eventObject))
eventData : Một Sơ đồ dữ liệu này sẽ được thông qua để xử lý sự kiện.
handler(eventObject) : Một chức năng để thực hiện mỗi lần sự kiện này được kích hoạt.
- .change()
Method này là một shortcut cho các bind('change', handler) trong hai biến thể đầu tiên, và .trigger('change') vào thứ ba.
Các event change sẽ được gửi đến một phần tử khi thay đổi giá trị của nó. event này được giới hạn phần tử , hộp và các phần tử . Đối với các hộp chọn, hộp kiểm tra, và các nút radio, event fired ngay lập tức khi người dùng tạo ra một lựa chọn với chuột, nhưng đối với các kiểu phần tử khác, event được hoãn lại cho đến khi phần tử bị mất focus.
Ví dụ, xem các HTML:
Trigger the handler
Việc handler event có thể được liên kết với các văn bản đầu vào và hộp chọn:
$('.target').change(function() {
alert('Handler for .change() called.');
});
Bây giờ khi lựa chọn thứ hai được chọn từ trình đơn thả xuống, cảnh báo được hiển thị. Nó cũng được hiển thị nếu bạn thay đổi văn bản trong trường và sau đó bấm nút. Nếu trường mất focus mà không có các nội dung đã thay đổi, mặc dù, event này không được kích hoạt. Để kích hoạt event bằng tay, áp dụng change() mà không cần đối số:. handler event có thể được liên kết với các đầu vào văn bản và hộp chọn:
$('#other').click(function() {
$('.target').change();
});
Sau khi mã này thực hiện, nhấp chuột vào handler Trigger cũng sẽ cảnh báo tin nhắn. Thông báo sẽ hiển thị hai lần, bởi vì handler đã được liên kết với các event change về cả hai yếu tố hình thức.
Ví dụ: Gắn một event để thay đổi lựa chọn đó nhận được văn bản đối với mỗi tùy chọn được chọn và viết chúng trong div này. Sau đó, nó gây nên các event cho văn bản vẽ ban đầu.
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$("div").text(str);
})
.change();
DangTrung.
Không có nhận xét nào:
Đăng nhận xét