javascript - Jquery在输入键上提交

Question

我有以下代码：

<div class="search">
    <input type="text" id="tbWasSearch" value="Search here..." class="project" onclick="this.value=''"/>
    <input type="button" id="tbWasSeachButton" class="tbWasSeachButton" onclick="searchWas();" />
</div>

    function searchWas() {
        var txt = $("#tbWasSearch").val();
        if (txt != "") {
            var url = "http://eiff/server.pt?=" + txt;
            window.open(url);
            $("#tbWasSearch").val('');
        }
    }

我希望一旦我将文本放入 tbWasSearch 并按 Enter 键，使用 inoke searchWas() 输入的文本；应该与我输入文本并单击搜索按钮时的机制相同

如何才能做到这一点？

Answer 1

使用 jQuery 你可以写这样的东西

$("#tbWasSearch").keyup(function(event){
    if(event.keyCode == 13){
        $("#tbWasSeachButton").click();
    }
});

其中 13 是返回键的 keyCode

Answer 2

使用keyuy事件：

var reload = function(e) { 
   if (e.keyCode == '13')
      searchWas();
};

$('#tbWasSearch').keyup(reload);

Answer 3

此外，如果您使用表单标签，您可以使用：

$('form:first').submit();

Answer 4

You use form something like this..

<script>
function searchWas() {
    var txt = $("#tbWasSearch").val();
    if (txt != "") {
        var url = "http://eiff/server.pt?=" + txt;
        window.open(url);
        $("#tbWasSearch").val('');
    }
}
</script>

<form action="javascript:searchWas();">
<div class="search">
<input type="text" id="tbWasSearch" value="Search here..." class="project" onclick="this.value=''"/>
<input type="button" id="tbWasSeachButton" class="tbWasSeachButton" />
</div>
</form>