jQuery/HTML計算器不捕捉Capslock（德國鍵盤）

Question

不是那麼忍者編輯：我正在德國鍵盤上工作。當德語鍵盤蓋上蓋子時，就像按下移位按鈕一樣處理數字鍵。 IIRC這不會發生在英國/美國的鍵盤上。

只是使用jQuery/html製作一個簡單的瀏覽器計算器，除了當Caps打開並且我的計算器開始接受垃圾作爲輸入時，它擁有一切hunky dory。以下是我的輸入驗證器。 Event.keycode不幸的是沒用。

function validInput(event) { 
    return event.keyCode === 13 || event.keyCode === 8 || event.keyCode === 10 //enter, backspace and return 
     || event.keyCode === 67 // "C" for clear 
     || (event.which >= 48 && event.which <= 57) // 0-9 **chars** over the alpha buttons 
     || (event.keyCode >= 96 && event.keyCode <= 123); //numpad and fn buttons 

感謝您花時間閱讀本文。下面的完整代碼，雖然我不認爲你需要它...

$(function(){ 
    $("input.number").on("click",clickButton); 
    $("body").on("click", revertFocus);    // frag Marc 
    $(document).on("keyup keydown", keyHandler) 
}); 

function keyHandler(event) { // handles enter; clear and return keys 

    if (event.shiftKey || !validInput(event)) 
     return false; 

    if(event.type == "keyup"){ 
     if (event.keyCode == 13 || event.keyCode == 10) { 
      rechner(); 
     } 

     if (event.keyCode == 67) { //clears the screen 
      $("#userInput").val(""); 
     } 
    }else{ 
     if (event.keyCode == 67) { 
      return false; 
     } 
    } 
    return true; 
} 

function rechner() { 
    var userInput = $("#userInput").val(); 
    var answer = eval(userInput.replace(",",".")); 
    $("#userInput").val(String(answer).replace(".",",")); 
} 

function clickButton(){ 
    var input = $(this).val(); 
    if (input=='c'){ 
     $("#userInput").val(""); 
     return; 
    } 
    $("#userInput").val($("#userInput").val() + input); 
} 


function validInput(event) { 
    return event.keyCode === 13 || event.keyCode === 8 || event.keyCode === 10 //enter, backspace and return 
     || event.keyCode === 67 // "C" for clear 
     || (event.which >= 48 && event.which <= 57) // 0-9 over the alpha buttons 
     || (event.keyCode >= 96 && event.keyCode <= 123); //numpad and fn buttons 
} 


function revertFocus() { 
    $("#userInput").focus(); 
} 

Answer 1

您可以添加另一級別的驗證後，文本已被輸入到輸入。 如果文本包含無效字符，請刪除它們。

無論如何， 我在jsfiddle中測試了你的代碼，並且無法獲取任何無效字符。你如何重現這個問題？

http://jsfiddle.net/jd2Js/

$(function(){ 
$("input.number").on("click",clickButton); 
$("body").on("click", revertFocus);    // frag Marc 
$(document).on("keyup keydown", keyHandler) 

}）;

function keyHandler(event) { // handles enter; clear and return keys 

if (event.shiftKey || !validInput(event))4 
    return false; 

if(event.type == "keyup"){ 
    if (event.keyCode == 13 || event.keyCode == 10) { 
     rechner(); 
    } 

    if (event.keyCode == 67) { //clears the screen 
     $("#userInput").val(""); 
    } 
}else{ 
    if (event.keyCode == 67) { 
     return false; 
    } 
} 
return true; 

}

function rechner() { 
var userInput = $("#userInput").val(); 
var answer = eval(userInput.replace(",",".")); 
$("#userInput").val(String(answer).replace(".",",")); 

}

function clickButton(){ 
var input = $(this).val(); 
if (input=='c'){ 
    $("#userInput").val(""); 
    return; 
} 
$("#userInput").val($("#userInput").val() + input); 

}

function validInput(event) { 
return event.keyCode === 13 || event.keyCode === 8 || event.keyCode === 10 //enter, backspace and return 
    || event.keyCode === 67 // "C" for clear 
    || (event.which >= 48 && event.which <= 57) // 0-9 over the alpha buttons 
    || (event.keyCode >= 96 && event.keyCode <= 123); //numpad and fn buttons 

}

FUNC revertFocus（）{ $（「＃userInput」）。focus（）; }