我正在尝试为 jQuery 创建特殊事件。我想控制延迟,当用户停止 0.5 秒时它会起作用。但我不能使用 setTimeout。
jQuery.event.special.keyupdelay = {
add : function(handler, data, namespaces) {
var delay = data && data.delay || 100;
return function(event) {
setTimeout(function() { handler.apply(this, arguments);}, data);
}
},
setup: function(data, namespaces) {
jQuery(this).bind("keyup", jQuery.event.special.keyupdelay.handler);
},
teardown: function(namespaces) {
jQuery(this).unbind("keyup", jQuery.event.special.keyupdelay.handler);
},
handler: function(event) {
event.type = "keyupdelay";
jQuery.event.handle.apply(this, arguments);
}
};
像这样使用它
$(".money").bind("keyupdelay", {delay: 1000}, function( event ) {
alert('Delayed!');
});
设置超时不起作用。
我可以这样
var timer;
$(".quantity input").keyup(function() {
var self = $(this);
if(timer) {
clearTimeout(timer);
timer = null;
}
timer = setTimeout( function() {
var qty = self.val();
$(".qty").html(qty);
}, 300);
});
但我想创建一个延迟触发的特殊事件。我有很多控件必须延迟工作。