Sử dụng jQuery, tôi muốn chạy một hàm khi một trong hai .change()hoặc .keyup()được nâng lên.
Một cái gì đó như thế này.
if ( jQuery(':input').change() || jQuery(':input').keyup() )
{
alert( 'something happened!' );
}
BIÊN TẬP
Xin lỗi tôi quên đề cập. Cả hai .change()và .keyup()cần một số biến trong phạm vi.
need some of the variables to be in-scopeý của bạn là các biến từ sự kiện hay các biến bạn đang sử dụng khi đăng ký các trình xử lý sự kiện này? Bạn nhận được các biến sự kiện trong tham số sự kiện (thường được đặt tên e), nếu không, bạn có thể cần giữ chúng ở cấp cửa sổ hoặc dữ liệu trên phần tử cho đến khi các sự kiện được nâng lên hoặc xem xét các lần đóng.
Câu trả lời:
bạn có thể liên kết với nhiều sự kiện bằng cách tách chúng bằng dấu cách:
$(":input").on("keyup change", function(e) {
// do stuff!
})
tài liệu ở đây .
hy vọng rằng sẽ giúp. chúc mừng!
Nếu bạn đã từng tạo động nội dung trang hoặc tải nội dung thông qua AJAX, thì ví dụ sau đây thực sự là cách bạn nên làm:
bodytài liệu, vì vậy bất kể phần tử nào được thêm vào, di chuyển, xóa và thêm lại, tất cả các phần tử con của việc bodykhớp với bộ chọn được chỉ định sẽ giữ lại liên kết thích hợp.Mật mã:
// Define the element we wish to bind to.
var bind_to = ':input';
// Prevent double-binding.
$(document.body).off('change', bind_to);
// Bind the event to all body descendants matching the "bind_to" selector.
$(document.body).on('change keyup', bind_to, function(event) {
alert('something happened!');
});
Xin hãy chú ý! Tôi đang sử dụng $.on()và $.off()thay vì sử dụng các phương pháp khác vì một số lý do:
$.live()và $.die()không được dùng nữa và đã bị loại bỏ khỏi các phiên bản jQuery mới hơn.$.change()và $.keyup()riêng biệt, hoặc chuyển cùng một khai báo hàm cho mỗi hàm được gọi; Sự trùng lặp logic ... Đó là điều hoàn toàn không thể chấp nhận được.$.bind()không liên kết động với các phần tử khi chúng được tạo. Do đó, nếu bạn liên kết với :inputvà sau đó thêm một đầu vào vào DOM, thì phương thức liên kết đó sẽ không được gắn với đầu vào mới. Sau đó, bạn cần phải hủy ràng buộc một cách rõ ràng và sau đó liên kết lại với tất cả các phần tử trong DOM (nếu không, các liên kết sẽ bị trùng lặp). Quá trình này sẽ cần được lặp lại mỗi khi một đầu vào được thêm vào DOM.var bind_to = ':input';tạo ra một biến gọi bind_tođó là một chọn để lấy tất cả các loại đầu vào, ví dụ như input, textareavà button.
var bind_to = '#myInput';Vẫn thực hiện lệnh gọi ajax hai lần. Tại sao???
Làm cái này.
$(function(){
var myFunction = function()
{
alert("myFunction called");
}
jQuery(':input').change(myFunction).keyup(myFunction);
});
change()và keyup()trả lại bộ đã bọc để bạn có thể xâu chuỗi đó.
Bạn có thể đăng ký các sự kiện thay đổi và keyup:
$(function() {
$(':input').change(myFunction).keyup(myFunction);
});
đâu myFunctionlà chức năng bạn muốn thực thi:
function myFunction() {
alert( 'something happened!' );
}
Đó không phải là cách các sự kiện hoạt động. Thay vào đó, bạn cung cấp cho chúng một hàm để được gọi khi chúng xảy ra.
$("input").change(function() {
alert("Something happened!");
});
Viết một hàm duy nhất và gọi nó cho cả hai.
function yourHandler(e){
alert( 'something happened!' );
}
jQuery(':input').change(yourHandler).keyup(yourHandler);
Các hàm đăng ký sự kiện change () và keyup () trả về tập hợp ban đầu, vì vậy chúng có thể được xâu chuỗi.
sự kiện keyup đầu vào jquery
$(document).ready(function(){
$("#tutsmake").keydown(function(){
$("#tutsmake").css("background-color", "green");
});
$("#tutsmake").keyup(function(){
$("#tutsmake").css("background-color", "yellow");
});
}); <!DOCTYPE html>
<html>
<title> jQuery keyup Event Example </title>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
Fill the Input Box: <input type="text" id="tutsmake">
</body>
</html>