输入失去了发送AJAX请求的重点

时间:2015-02-18 02:48:14

标签: javascript android html css ajax

我正在使用英特尔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,请提出请求。

以下是我读过的一些问题,我错过了另外两个链接,因为我忘记了问题的确切链接。但是下面的内容最接近我的问题,但没有正确的解决方案。

StackOverFlow Question #1

StackOverFlow Question #2

0 个答案:

没有答案