jQuery頁面導航 - 提交

-1

我想將jQuery頁面導航添加到內部網站。jQuery頁面導航 - 提交

我有一個文本輸入：

<input id="nav" type="text"/>

和一些jQuery的：

$("#nav").keydown(function (e) { 

      if (e.keyCode == 74) { 
       window.location = 'page1.html'; // Key = J 
      } 
      else if (e.keyCode == 75) { 
       window.location = 'page2.html'; // Key = k 
      } 
      else if (e.keyCode == 76) { 
       window.location = 'page3.html'; // Key = L 
      } 

     });

當按下一個鍵這將用戶定向到一個新的頁面。

是否可以做同樣的事情，但用整個單詞，並要求Enter鍵被按下？

示例： 如果用戶鍵入admin到文本框中，然後按enter，用戶被重定向到admin.html。

我會假設它需要以不同的方式處理，但我不知道該如何處理，或者是否可以處理。

任何想法或建議，將不勝感激。

來源

2013-08-21 Jack

只要讓用戶在文本框中輸入任何內容即可。

$("#nav").keydown(function (e) { 

    if (e.keyCode !== 13) { // 13 = Enter 
     return; 
    } 
    switch ($(this).val()) { 
    case "admin": 
     location.href = "admin.html"; 
     break; 
    case "terms": 
     location.href = "terms.html"; 
     break; // etc 
    } 
});

來源

2013-08-21 15:41:09 Jublo

這是我是想完成的任務。謝謝你的幫助。 – Jack

您能否將我的答覆標記爲答案，然後請？ :) – Jublo

我不得不等待五分鐘才能讓我:)我現在會。 – Jack

製作表單並綁定到其提交事件。使用event.preventDefault()可防止提交表單，並使用if語句檢查輸入的單詞。重新定向到正確的頁面，就像你現在正在做的一樣。

來源

2013-08-21 15:38:46 meagar

這可能對你有幫助。該功能將檢查keycode == 13（代碼爲Enter鍵），如果輸入值爲admin，它將執行重定向。

Working Demo

$("#nav").keydown(function (e) { 
    if (e.keyCode == 13) { 
     var inputVal = $("#nav").val(); 
     if (inputVal === "admin") window.location = 'admin.html'; 
    } 
});

來源

2013-08-21 15:43:12 Harry

jQuery頁面導航 - 提交

回答

相關問題