jquery - 如何制作由特定字符输入触发的内联 Jquery 自动完成并搜索修改后的 ui.term

Question

我有一个文本区域，我可以在其中写笔记。当我输入某个字符时，例如“@”，我想创建一个内联 Jquery 自动完成功能，它搜索与“@”后面的字符匹配的术语。

文本区域输入的示例可能是:

请调用 @John Citizen 了解他的订单。

有什么想法吗？

Answer 1

嗯，这当然不是那么简单，但这是我解决这个问题的方法。

首先，仔细看看 jQuery UI autocomplete plugin's documentations page 。这里的解决方案将是这些的组合。

您需要将用户输入的最后一个字符存储在变量中，然后检查 autocompletesearch查看用户当前输入的字符是否位于 @ 之后且另一个空白字符之前，如果不满足条件，则通过返回 false 来取消搜索。

接下来，自动完成的source需要是一个自定义回调，用于处理textarea的当前内容，以获取用户在之后输入的内容@ 并在数组中搜索与该名称的匹配项。

最后，需要修改 autocompleteselect 事件，以便在用户选择名称后将名称插入正确的位置。为了使其发挥作用，还必须抑制 autocompletefocus 事件。您需要查看多个标签和组合框示例。