Javascript识别卡号

Question

我正在使用一段 JavaScript 代码来识别用户输入的信用卡号类型。我对 JavaScript 了解不多，并且正在使用在网络上找到的代码。我已经让它毫无问题地工作了，但我希望有人能向我解释为什么特定部分会以这种方式工作。

当用户开始输入信用卡号码时，JavaScript 函数使用的值与号码不同。例如，当我输入 3 时，charCode 变量为 51。我只是想了解如何从 3 得到 51，以便可以将此函数用于其他卡类型。

JAVASCRIPT：

<script type="text/javascript">
function handleKeypress(inCardNumber,e) {
    var inCardNumber = document.form.cardNumber;

    var charCode;
    if(e && e.which) {
        charCode = e.which; // For Firefox
    }
    else if(window.event){
        e = window.event;
        charCode = e.keyCode; // For IE
    }

    if (inCardNumber.value.length === 1) { 
        switch (charCode) {
        case (48):
            swapVISA.src = "/images/icons/payments/VISA-dim.png";   
            break;
        case (49):
            swapVISA.src = "/images/icons/payments/VISA-dim.png";
            break;


etc

HTML

onkeyup="handleKeypress(this,event);"

Answer 1

请参阅this page 末尾的彩色表格以获取 ASCII id 列表。还有here too。

但我建议阅读所有页面。

简要说明：

您的键盘上的每个键都分配有一个 ASCII ID 的映射。 所以 Enter 是 13，Esc 是 27 等等。

Answer 2

字符代码只是一个键的表示，它们只是一个代码对应什么击键的标准，所以不要想太多。请记住，键盘上的每个键都有一个与之关联的字符代码。

以下是字符代码列表以及用于测试它们的交互式工具： http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

正如 UweB 指出的，从这样的代码中获取实际字符：

var theChar = String.fromCharCode(charCode);

Answer 3

这是由于字符3 的ASCII 值（ASCII 是计算机广泛使用的数字表示各种常见字符的方式）。如果您查看该 Wikipedia 文章的 ASCII printable characters 部分，您会看到 字形（或字符）3 的 Dec 值为 51 .您可以在同一张表中查看其他常见可打印字符的 dec 值。

请记住，当您按下键盘上的 3 键时，计算机将看到 字符 3，而不是原始 整数 3 的值。该表的 Glyph 列表示字符值，Dec 列表示在 ASCII 方案中表示该字符的原始整数值。您还可以在该表中看到二进制表示，这是 Dec 整数值分解为计算机如何在最低级别实际处理该值的内容。

在您的代码中，charCode 变量被分配了按键的 dec 值（通过 e.which 或 e.keyCode，其中 e 看起来是基本 JavaScript @987654323 @)，其类型为Number。这就是代码后面的switch 将charCode 与数值进行比较的原因。

您可以使用 fromCharCode() 和 charCodeAt() 函数在 JavaScript 中的字符及其 dec 值之间切换。

Answer 4

值 51 是字符“3”的 Unicode（或 ASCII，如果这更容易理解）值。有关更多信息，请参阅此问题：JavaScript KeyCode vs CharCode。

所以换句话说，你没有在 charCode 中得到一个字符串对象。

Answer 5

您将在活动中获得 ascii 字符代码。 您可以通过

var theChar = String.fromCharCode(charCode);