javascript - jQuery - 如何在附加的选择器上链接事件

Question

我正在尝试改编来自 this answer 的代码到 jQuery 附加元素，而不使用任何“标志”变量。

原代码为:

$(window).mousedown(function(e) {
    clearTimeout(this.downTimer);
    this.downTimer = setTimeout(function() {
        alert('mousedown > 2 sec');   
    }, 2000); 
}).mouseup(function(e) {
    clearTimeout(this.downTimer); 
});​

所以我看不到如何将它与 document 一起使用:

$(document).on('mousedown', '.item', function(){
// How to chain mouseup ? 
});

我试过

$(document).find('.item')

但运气不好。

Answer 1

这不能使用链接来完成，因为 .on() 返回调用它的对象，并且不包括它委托(delegate)给的选择器。

相反，您可以将事件绑定(bind)放在一个对象中。

$(document).on({
    mousedown: function() { ... },
    mouseup: function() { ... }
}, '.item');