YUI 自动完成：粘贴后搜索？

Question

我使用 YUI 中的自动完成小部件来实现实时搜索，如示例中所示。 但是，在输入搜索文本时它可以正常工作，但在将文本粘贴到字段中时则无法工作。 哪种方法是在粘贴时启动自动完成功能的正确方法？ 在文档中没有找到任何相关内容...

编辑：粘贴不是 Ctrl-V，它通常是上下文菜单中的“粘贴”。 YUI 确实会对按键做出反应，但如果通过鼠标粘贴任何内容，则不会做出反应。

Answer 1

我们扩展了 YUI 的自动完成小部件，并以这种方式处理上下文菜单中的粘贴：

YAHOO.util.Event.on(input, 'paste', function(e, autocomplete) {
    // We're interested in the value of the input field after text is pasted into
    // it instead of the pasted text because the autocomplete proposals are based 
    // upon the field's whole value. The paste event happens before the input 
    // field has been updated so we need to wait until after this event has been 
    // handled to check the value of the input field.
    window.setTimeout(function() {
        if (autocomplete._sInitInputValue !== autocomplete.getInputEl().value) {
            autocomplete.sendQuery(autocomplete.getInputEl().value);
        }
    }, 1);
}, this);

其中 this 是自动完成小部件。

Answer 2

也许在按键事件中，您可以检测他们是否在按住 ctrl 的同时按下了 v。 如果有，则执行 sendQuery('query=' + textInput.value);

Answer 3

编辑

这是一个兼容性表，显示哪些浏览器允许您订阅粘贴事件。

http://www.quirksmode.org/dom/events/cutcopypaste.html

这是他的测试页面，您可以在其中查看如何订阅事件。

http://www.quirksmode.org/dom/events/tests/cutcopypaste。 我想

你可以使用 YUI & 来订阅它。 然后让你的回调是这样的：

function() { 
    autoCompleteObject.sendQuery(autoCompleteElement.value);
}

注意浏览器不兼容，看起来有些事件的实现很奇怪。