javascript - jquery .on 本身

Question

我想让一个元素监听一个实际由它自己触发的自定义事件。自定义事件可能会从后代触发，但随后应被忽略。重要的是它源于自身。它还需要是一个事件，因为我可能需要其他祖先来监听这些事件。

.on ( http://api.jquery.com/on/) 方法能够提供此功能。选择器参数可以用作过滤器。但是，这不会过滤掉监听器元素本身。

简而言之:
-事件必须能够冒泡
-触发器和监听器是同一个元素
-如果自定义事件是由祖先触发的，监听器必须忽略自定义事件

这是如何实现的？

请求的用例

我使用 jquery UI 对话框小部件

$el = $('#dialogDiv');
$el.on('customEvent', $el /* Won't work */, function() {
    //Do whatever
});
$el.dialog({
    open: function() {
        $el.trigger('customEvent');
    }
});

Answer 1

.on 工作正常；忽略祖先检查 e.target:

$el.on('customEvent', function(e) {
  if(e.target === this) {
    //Do whatever
  }
});