javascript - 如何在委托(delegate)中使用 jQuery 特殊事件？

Question

我想设置一个 jQuery 特殊事件来消除双击:

(function($){
  $.event.special.submitclick = {
    setup: function(){
      console.log('setup', this, arguments);
      $(this).on('click', clickAction);
    },
    teardown: function(){
      $(this).unbind('click', clickAction);
    }
  };
  var clickAction = _.debounce(function(ev){
    $(ev.target).triggerHandler('submitclick');
  }, 300, true);

})(jQuery);

虽然此代码适用于正常的目标点击:

$("#xx").on("submitclick", function(){
  console.log(this.id + ' target click');
});

它不适用于委托(delegate)点击:

$("#wrap").on("submitclick", "#xx", function(){
  console.log(this.id + ' delegated click');
});

这是一个jsbin举个例子。

我应该如何设置才能使其也适用于委托(delegate)调用？

Answer 1

triggerHandler()仅调用绑定(bind)到特定元素的处理程序。事件冒泡不会发生，因此事件委托(delegate)无法工作。

使用trigger()相反:

var clickAction = _.debounce(function(ev) {
    $(ev.target).trigger("submitclick");
}, 300, true);