Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Stackoverflow样式输入标记_Javascript_Jquery_Input - Fatal编程技术网

Javascript Stackoverflow样式输入标记

Javascript Stackoverflow样式输入标记,javascript,jquery,input,Javascript,Jquery,Input,我想大家都知道stackoverflow在问问题时使用的标签。按空格键后,某个样式将应用于您键入的任何内容 我的问题是如何按照stackoverflow使用的方式将输入中键入的值更改为类似标记的按钮 1。键入一个单词(或从我已经在使用的jquery自动完成中选择) 2。按空格键,单词将变为一个标记(或在您从自动完成菜单中选择时立即显示为标记) 是否有任何插件可以实现这一点。或任何复制/粘贴代码。但包括空格键部分。。。这对我来说真的很重要。不确定你是否在看这样的东西 要允许在空格键后创建标记,可

我想大家都知道stackoverflow在问问题时使用的标签。按空格键后,某个样式将应用于您键入的任何内容

我的问题是如何按照stackoverflow使用的方式将输入中键入的值更改为类似标记的按钮

1。键入一个单词(或从我已经在使用的jquery自动完成中选择)

2。按空格键,单词将变为一个标记(或在您从自动完成菜单中选择时立即显示为标记)


是否有任何插件可以实现这一点。或任何复制/粘贴代码。但包括空格键部分。。。这对我来说真的很重要。

不确定你是否在看这样的东西

要允许在空格键后创建标记,可以参考以下内容

您可以查看引导程序的标记输入。当您点击“enter或a”(逗号)时,将应用样式

下面是演示:

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

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

你尝试过什么吗?寻找Select2、FCBKComplete、Selected和其他自动完成插件。我在这里读到了一些答案,其中不包括空格键部分。我见过标记器插件。但是没有一个在演示中使用空格键。如果没有注释,Select2和引导标签将是答案!酷!谢谢!:)可能重复属于