检测按键事件(移动端)

Question

我目前正在开发一个使用cordova的移动应用程序。我遇到了这个问题，我编写了一个函数来检测用户何时在文本输入字段中键入内容并按下enter键。

下面是JavaScript代码片段；

<script type="text/javascript">
    $(function () {
        $("#searchForm").on("input", function (e) {
            e.preventDefault();
        });
        $("input").on("keydown", function (e) {
            if (e.keyCode === 13) { 
                var keyField = document.createElement('input');
                keyField.setAttribute('type', 'text');
                document.body.appendChild(keyField);
                setTimeout(function () {
                    keyField.focus();
                    setTimeout(function () {
                        keyField.setAttribute('style', 'display:none;');
                    }, 50);
                }, 50);
            }
        });
    });
</script>

HTML部分；

<form onsubmit="return false" id="searchForm">
    <input type="text" id="fieldOne">
    <input type="text" id="fieldTwo">
    <input type="button" value="Search" id="search" onclick="executeSearches()"/>
</form>      

此代码用于实现隐藏移动键盘，但是当隐藏函数执行时，视图会因为keyField -variable而被移动。

有没有其他方法可以在不移动视图的情况下实现此功能，或者我可以以某种方式确定视图移动到的位置？

Answer 1

缺少"#"，请检查jquery选择器

$("#searchForm").on("input", function (e) {
        e.preventDefault();
    });