Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.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从反面查找字符串中的字符_Javascript_Reactjs_Search - Fatal编程技术网

javascript从反面查找字符串中的字符

javascript从反面查找字符串中的字符,javascript,reactjs,search,Javascript,Reactjs,Search,我希望在我的网站上有特定的搜索功能 i、 e:在搜索文本框中输入用户类型 uname:管理员,年龄:30 因此,当用户键入uname并按enter键时,我需要该类型的javascript代码:“自动添加”并键入值“admin”,然后再次按enter键“自动添加”。等等 请给我做这件事的任何提示 当我加上“:”或“,”时,我感到困惑 提前谢谢。如果我正确理解了你的问题,这应该可以: const input=document.getElementById('search')) input.addE

我希望在我的网站上有特定的搜索功能

i、 e:在搜索文本框中输入用户类型

uname:管理员,年龄:30

因此,当用户键入uname并按enter键时,我需要该类型的javascript代码:“自动添加”并键入值“admin”,然后再次按enter键“自动添加”。等等

请给我做这件事的任何提示

当我加上“:”或“,”时,我感到困惑


提前谢谢。

如果我正确理解了你的问题,这应该可以:

const input=document.getElementById('search'))
input.addEventListener('keypress',e=>{
如果(如keyCode===13){
e、 预防默认值()
常量值=e.target.value
如果(!value)返回
if(value.match(/^(\w+:\w+,)*\w+$/){
e、 target.value=value+':'
}else if(value.match(/^(\w+:\w+,)*\w+:\w+$/){
e、 target.value=value+','
}
}
})

将最后添加的字符存储在变量中。当按enter键时,将此变量更改为新值,并将此字符添加到字符串中。但当用户清理一些输入时,您写了关于按enter键的内容,没有清理输入。。。然后,您可以检查清理了哪些字符,如果是
,请更改变量值。或者,您可以通过以下方式计算
,或其他数百万的数量。一个小提示,像
key:value,key:value
这样搜索不是个好主意,试着想想。好的@pavel,我会这样做的。