亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

當我們從文本框中按 Enter 鍵時,在單個 jQuery 方法中處理多個操作

當我們從文本框中按 Enter 鍵時,在單個 jQuery 方法中處理多個操作

PHP
PIPIONE 2023-09-15 17:17:29
我想在一個文本框中輸入文本后單擊回車鍵時處理兩項操作。兩個操作是將光標移動到下一個文本框使用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);        }      });    }  });});當我嘗試使用以下代碼時,僅執行一個操作,光標將移動到下一個文本框或建立通信。請幫我解決這個問題我嘗試過的代碼如下
查看完整描述

1 回答

?
一只萌萌小番薯

TA貢獻1795條經驗 獲得超7個贊

您使用的語法不正確,括號的位置不正確,請嘗試以下操作:


$(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);

        }

      });

    }

  });

});


查看完整回答
反對 回復 2023-09-15
  • 1 回答
  • 0 關注
  • 100 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號