widget - 如何仅在 YUI3 小部件父/子中订阅子事件？

Question

再会！

我正在尝试使用 YUI3 Widget-parent 和 widget-child 构建分层小部件，目前正在研究 Hierarchical ListBox Widget。

我只想订阅被点击的特定孩子的点击事件。从上面的页面继续使用示例，我正在做：

listbox.on("listbox:click", function(e) {...});

现在，当我单击列表中的“项目三 - 二”条目时，会为“项目三 - 二”、“项目三”和根小部件触发此事件。在该事件处理程序中，我找不到确定 e.target 是我单击的原始小部件还是其父小部件的方法。

所以我的问题是：

1. 我如何发现我在被点击的原始小部件的事件处理程序中？
2. 是否可以使单击的小部件成为唯一触发事件的小部件？

谢谢你。

Answer 1

这是一个示例小提琴。

如果您只想e.target使用叶节点：

listbox.on('option:click', function (e) {...

在我的示例中，订阅listbox:click实际上并没有获取叶节点，但它获取了两个父listbox祖先小部件的点击。