YUI AutoComplete 事件，怎么做？答案

【问题标题】：YUI AutoComplete events, how to?YUI AutoComplete 事件，怎么做？
【发布时间】：2011-01-19 23:57:43
【问题描述】：

我正在使用 YUI 3.3.0 和 AutoComplete 小部件。我对 YUI 完全陌生。事情就是这样。我有自动完成工作。

如何捕捉自动完成触发的事件？文档指出当用户从列表中选择一个项目时会触发一个选择事件。我想为该事件附加一个功能。我该怎么做？

【问题讨论】：

【解决方案1】：

这是插件方法的一个示例，http://tivac.com/yui3/so/skladjfyhafjk_autocomplete.htm

当您第一次将自动完成插入输入时，只需将您的事件处理程序作为配置的一部分传递。

Y.one("#ac").plug(Y.Plugin.AutoComplete, {
    resultHighlighter: 'phraseMatch',
    source: ['foo', 'bar', 'baz'],
    on : {
        select : function(e) {
            console.log(arguments); //TODO: REMOVE DEBUGGING
        }
    }
});

您也可以在插入元素后使用它附加到的命名空间（“ac”）进行订阅。

Y.one("#ac").ac.on("select", function() {
    console.log("post-plugin event subscription"); //TODO: REMOVE DEBUGGING
});

如果你将它作为一个类使用，它的工作方式是这样的。

var ac = new Y.AutoComplete({
    inputNode: '#ac',
    source: ['foo', 'bar', 'baz']
});

ac.on("select", function() {
    console.log("Class event subscription"); //TODO: REMOVE DEBUGGING
});

【讨论】：