自定義鍵盤/替換鍵

Question

嗨 我想改變我的鍵盤的行爲，所以當用戶在輸入框按下鍵'a'a = 97它變成b 97 + 1。

我想爲跨瀏覽器

Answer 1

jQuery.keypress將讓你的事件，當用戶鍵入的東西，和String.fromCharCode讓你最棘手的部分是處理的字符選擇+ 1。

爲了獲得選擇，我使用了jQuery field selection插件，並確保它不會跳回到我使用的末尾this answer to another question。下面是最終代碼：

$(function() { 
    $("#target").keypress(function (evt) { 
     if (evt.which >= 65 && evt.which <= 122) { 
      var sel = $(this).getSelection(); 
      var val = $(this).val(); 
      var out = val.substring(0, sel.start) + String.fromCharCode(evt.which+1) + val.substring(sel.end, val.length); 
      $(this).val(out); 
      $(this).selectRange(sel.start + 1, sel.start + 1); 
      return false; 
     } 
    }); 
}); 

jsFiddle

我把它限制在-ZA-Z，但你可以自定義不過你想要的。

Answer 2

我在Firefox和Chrome中測試了以下內容。使用「按鍵」允許使用其它鍵，並且採用則charCode允許使用較低和大寫字母：

document.getElementById("textbox").addEventListener("keypress",function(event){ 
    event.preventDefault(); 
    this.value+=(String.fromCharCode(event.charCode+1)) 
},false); 

我剛纔看到了jQuery的標籤，所以你也可以這樣做：

$("#textbox").bind("keypress",function(event){ 
    event.preventDefault(); 
    this.value+=(String.fromCharCode(event.charCode+1)); 
});