如何使用jquery触发文本字段上的键盘点击事件

Question

我想单击 Enter 而不是提交按钮，并且我希望 jquery 执行与单击提交按钮完全相同的任务。

这是我所拥有的，但它不适用于

jquery

$("#search-friend-text").keypress(function(e){ // start enter click

    switch(e){

        case 13: 
        $.post("<?php echo site_url('userProfile/search_friend'); ?>", 
        $("#add-friend-search").serialize(),
        function(data){
           $("#insert-activity").html(data);
        });

    $("#add-friend-search").slideUp("slow",function(){});
    break;

    }

}); // end enter click

Html（表单）

<form method="post" action="" name="searchFriendForm" id="add-friend-search">
<input type="text" id="search-friend-text" name="searchFriendText">
<input type="button" class="small green button" id="add-friend-button" />


</form>

Answer 1

使用 e.keyCode ：

switch(e.keyCode) {
. .. 

Answer 2

首先，正如 Vlad 所指出的，您需要为开关提供编号，而不是事件对象。其次，如果您只想查找一个号码，则无需使用开关/外壳。试试这个：

$("#search-friend-text").keypress(function(e) { // start enter click
    if (e.which === 13) {
        $.post("<?php echo site_url('userProfile/search_friend'); ?>", $("#add-friend-search").serialize(), function(data) {
            $("#insert-activity").html(data);
        });
        $("#add-friend-search").slideUp("slow", function() {});
    }
}); // end enter click

Answer 3

我认为这可以解决这个问题

switch(e.keyCode) 

，因为 e 是事件处理程序

Answer 4

您应该使用提交事件。

$('#search-friend-text').submit(function() {
    // Ajax stuff...
});

Answer 5

您在按键中收到的事件是一个事件对象，因此我不确定您的 switch/case 语句是否会起作用！您只需调用 $("target").keypress( e ) 即可触发项目的按键事件 - 其中 e 是您需要构建的事件，其中包含字符键码（您必须将其设置为事件.which )

Answer 6

好吧，你可以看看 jQuery 中的这个函数： triggerHandler

但实际上，最好移动一下您的点击事件代码放入一个单独的函数中，您可以从点击事件和按键事件中调用该函数。