没有外部库的JavaScript自动完成 [英] JavaScript autocomplete without external library
本文介绍了没有外部库的JavaScript自动完成的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
是否有一个不依赖于任何其他库的javascript自动完成库?
Is there a javascript autocomplete library that does not depend on any other libraries?
我没有使用jQuery或者喜欢,因为我正在创建一个移动应用程序需要保持额外的光。
I am not using jQuery or the likes as I am making a mobile app that I need to keep extra light.
推荐答案
这里是一个基本的JavaScript示例,可以修改为自动完成控件:
Here is a basic JavaScript example, which could be modified into an autocomplete control:
<input type="text" onkeyup="changeInput(this.value)">
<div id="result"></div>
JavaScript
JavaScript
var people = ['Steven', 'Sean', 'Stefan', 'Sam', 'Nathan'];
function matchPeople(input) {
var reg = new RegExp(input.split('').join('\\w*').replace(/\W/, ""), 'i');
return people.filter(function(person) {
if (person.match(reg)) {
return person;
}
});
}
function changeInput(val) {
var autoCompleteResult = matchPeople(val);
document.getElementById("result").innerHTML = autoCompleteResult;
}
这篇关于没有外部库的JavaScript自动完成的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文