我正在使用英特尔XDK(HTML5,CSS,JavaScript和PHP)为Android制作音乐应用程序,并且我正在使用模糊搜索过滤器,用户输入,然后我通过音乐数据库过滤到显示(取决于他们搜索的内容)最接近的匹配。我已经完成所有工作,但是没有工作(按预期)是实际打字。我的意思是,当我在Android设备键盘上键入时,由于某种原因它会消失,有时候在有时按下1键后会消失。我已经阅读了一些尚未为我提供适当解决的东西,因此我创造了这个问题。有人说,因为正在刷新视图端口,因此当输入选中下一个元素时,输入将变得不聚焦。另一个链接说是因为搜索栏放在一个已定位为绝对元素的元素下面。
我尝试了什么? (并没有奏效)
我试图(一旦AJAX完成)再次聚焦输入。
尝试删除在用户输入时可能导致视口移动的任何内容。
尝试将其他元素的标签索引更改为-1或500,以确保无法将其标记为。
尝试从另一个绝对定位的DIV中删除搜索栏。
过滤JS代码(POST请求)
function filter(val) {
$.post(
"url", {
"query": val
}, function (data) {
getElement("musicDiv").innerHTML = data;
});
}
HTML输入(搜索栏)
<input type="search" id="searchBar" placeholder="Type to Search" title="Type to Search" onkeyup="filter(this.value);" />
我已经接近完成了完整的应用程序,我只是在努力解决这个搜索问题,如果有人可以解释究竟出了什么问题以及如何修复它,我会很感激。
如果需要CSS,请提出请求。
以下是我读过的一些问题,我错过了另外两个链接,因为我忘记了问题的确切链接。但是下面的内容最接近我的问题,但没有正确的解决方案。