如何在輸入/文本框內使用JavaScript在不實際觸摸鍵盤的情況下按Enter鍵

Question

我知道這個問題已經被問了很多遍了，我進行了很多搜索。 但是解決方案要么無法在IE中運行，要么無法滿足我的要求。

我有一個輸入框，用戶可以在其中輸入名稱。 輸入框的值將保存到按空格分割的數組中。

現在，我將array [0]復制到輸入框1，將array [1]復制到輸入框2等等。

<input id="txbox" type="text" value="Hello World" /> 

array[0]=Hello 
array[1]=World 

<input id="input1" type="text" value="Hello" style="display:none"/> 
<input id="input2" type="text" value="World"  style="display:none"/>

一旦文本被復制，我想在文本之后立即在輸入區域內點擊/觸發ENTER，而無需實際觸摸鍵盤（通過JavaScript）。 我該如何實現？

PS：該解決方案應在IE8及更高版本中運行，並且應使用純JavaScript而不是jQuery。

需要模擬輸入：

我在我的項目中使用以下代碼。 僅在單詞后面按Enter時，才將輸入文本從英語轉換為印地語。 這樣我就可以逐字地音譯。

    <html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="https://www.google.com/jsapi">
    </script>
    <script type="text/javascript">

      // Load the Google Transliterate API
      google.load("elements", "1", {
            packages: "transliteration"
          });

      function onLoad() {
        var options = {
            sourceLanguage:
                google.elements.transliteration.LanguageCode.ENGLISH,
            destinationLanguage:
                [google.elements.transliteration.LanguageCode.HINDI],
            shortcutKey: 'ctrl+g',
            transliterationEnabled: true
        };

        // Create an instance on TransliterationControl with the required
        // options.
        var control =
            new google.elements.transliteration.TransliterationControl(options);

        // Enable transliteration in the textbox with id
        // 'transliterateTextarea'.
        control.makeTransliteratable(['txtEnglish']);
      }
      google.setOnLoadCallback(onLoad);
    </script>
  </head>
  <body>
    Type in Hindi (Press Ctrl+g to toggle between English and Hindi)<br>
    <input type="text" id="txtEnglish" size="20"/>
    <input type="text id="txtHindi" size="20"  readonly/>
  </body>
</html>

但是，我有這樣的要求，用戶應輸入英文名稱，然后應將其轉換為印地語，並應顯示在其他只讀文本框中。

Answer 1

創建按鍵事件

這是我的應用程序中的示例代碼。 希望能幫助到你。

鍵碼13是Enter鍵

 $('.search-input').keypress(function(event) {
          var search = $('.search-input').val();
          var keycode = (event.keyCode ? event.keyCode : event.which);
          if (keycode == '13') {
              var len = $('.search-input').val().length;

              if (len <= 0) {

                  $('#search-contents').slideDown();
                  $('.item-list').append('<div class="col-centered"><h3 class="title"> No Item/s Found.</h3></div>');
              } else {

                  $('#search-contents').slideDown();
                  $('html,body').animate({
                          scrollTop: $('#search-contents').offset().top
                      },
                      'slow');

                  searchFunction(search);


              }

          }

如何在輸入/文本框內使用JavaScript在不實際觸摸鍵盤的情況下按Enter鍵

問題描述

1 個解決方案

解決方案1
-2 2015-12-07 17:37:14

如何在輸入/文本框內使用JavaScript在不實際觸摸鍵盤的情況下按Enter鍵

問題描述

1 個解決方案

解決方案1 -2 2015-12-07 17:37:14

解決方案1
-2 2015-12-07 17:37:14