jquery - 文本区域的自动完成功能

Question

有没有办法在 textarea 定义的区域中实现自动完成功能标签或类似的东西？

我目前正在使用 jQuery 自动完成插件来建议 input 内的用户输入标签，但问题是自动完成短语通常可能相当长，因此滚动到 input 的边缘字段。

Answer 1

您也可以(请注意，两年后)尝试 asuggest ，它在插入符号之后的文本区域内提供单词补全。

一个简单的例子:

var suggests = ["hello", "world"];
$("#text-area1").asuggest(suggests);

这将轻松匹配内容，没有限制，没有最小字符数。

更多附加功能:

var suggests = ["head", "hello", "heart", "health"];
$("#text-area1").asuggest(suggests, {
    'endingSymbols': ', ',
    'minChunkSize': 3,
    'delimiters': ':',
    'stopSuggestionKeys': [$.asuggestKeys.RETURN]
});

这将需要三个(或更多)字符来开始匹配，并且要求字符串以字符 : 开头，在每个字符后面放置一个逗号 ,完成，并在您按 RETURN 键后停止打扰您。

通过一些制表符循环，要离散:

var suggests = ["head", "hello", "heart", "health", "horizontal"];
$("#text-area1").asuggest(suggests, {
    'autoComplete': false,
    'cycleOnTab': true
});

这不会提供建议，但会在用户按下 TAB 键时循环显示匹配项。