Stackoverflow样式输入标签

时间:2016-03-09 05:20:59

标签: javascript jquery input

我想每个人都知道在你提问时,stackoverflow正在使用标签。按空格键后,某种样式适用于您键入的任何内容。

我的问题是如何将输入内输入的值更改为完全符合stackoverflow使用方式的按钮。

1。输入一个单词 (或者从jquery autocomplete中选择它,我已经使用了)

2。按空格键,单词将更改为标记 (如果您从自动填充中选择,则立即显示为标记)

是否有任何插件可以实现此目的。或任何复制/粘贴代码。但是包含了空格键部分......这对我来说非常重要。

2 个答案:

答案 0 :(得分:0)

不确定你是否正在寻找这样的东西 http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

要在空格键后允许创建标记,您可以参考此内容 How to submit a tag with Bootstrap Tags Input plugin with space key?

答案 1 :(得分:0)

您可以查看Bootstrap的标签输入。当您点击“输入或”,“(逗号)时,样式将被应用。

以下是演示:http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples

要使用空格键而不是默认的逗号分隔符,只需在初始化时定义它

$('input').tagsinput({
  confirmKeys: [32]
});