jquery - Bootstrap js插件源代码如何 $ ('body' ).on ('focus.typeahead.data-api' , '[data-provide="typeahead"]', function (e) 工作正常吗？

Question

我正在查看bootstrap的js插件，即bootstrap-typeahead.js。我无法弄清楚如何元素被选择。

$('body').on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) 

我知道元素实际上是由数据提供部分选择的，但是当我查看 jquery.js 时，我无法弄清楚它是如何完成的。从 .on() 部分我转到了 event.add()然后我变得更加困惑。谁能告诉我这是怎么做到的？

我知道它做什么，但想知道如何。如何选择元素？我需要更多的想法。

Answer 1

on() 方法的第一个参数是事件，在本例中它是命名空间的 - 事件是 typeahead.data- 中的 focus api 命名空间

第二个参数是用于事件委托(delegate)目的的过滤选择器。实际的事件处理程序附加到 body 元素，但处理程序函数仅针对来自具有 data-provide 属性且值为 的元素的事件执行提前输入