当我们从文本框中按Enter键时，在一个jQuery方法中处理多个操作

Question

在一个文本框中输入文本后单击回车键时，我想处理两个操作。有两种操作

1. 将光标移动到下一个文本框
2. 使用php代码建立串行通信

$(function() {
$('input:text:first').focus();
var $inp = $('input:text');
$inp.bind('keydown', function(e) {
//var key = (e.keyCode ? e.keyCode : e.charCode);
var key = e.which;
if (key == 13) { // Enter key is pressed
e.preventDefault(); // Prevent the default behaviour of enter key
var nxtIdx = $inp.index(this) + 1;
$(":input:text:eq(" + nxtIdx + ")").focus();
// Ajax query to send request to php
var test = $("#command-text").val();
var inputtext = test;
var command = "1";
// var mode = $(".common-input mb-20").val();
$.ajax({
type: "POST",
url: "controller.php",
data: {
inputtext: inputtext,
command: command
},
cache: false,
success: function(html) {
var feedback = "@" + $("#command-text").val() + "#";
$("#feedback").val(feedback);
}
});
}
});
});

当我试用以下代码时，只有一个操作正在执行，光标将移动到下一个文本框或建立通信。请帮我解决这个问题我尝试的代码如下

Answer 1

您使用的语法不正确，括号的位置不正确，请尝试以下操作：

$(function() {
$('input:text:first').focus();
var $inp = $('input:text');
$inp.bind('keydown', function(e) {
//var key = (e.keyCode ? e.keyCode : e.charCode);
var key = e.which;
if (key == 13) { // Enter key is pressed
e.preventDefault(); // Prevent the default behaviour of enter key
var nxtIdx = $inp.index(this) + 1;
$(":input:text:eq(" + nxtIdx + ")").focus();
// Ajax query to send request to php
var test = $("#command-text").val();
var inputtext = test;
var command = "1";
// var mode = $(".common-input mb-20").val();
$.ajax({
type: "POST",
url: "controller.php",
data: {
inputtext: inputtext,
command: command
},
cache: false,
success: function(html) {
var feedback = "@" + $("#command-text").val() + "#";
$("#feedback").val(feedback);
}
});
}
});
});