javascript – 将读卡器中的信用卡信息捕获到不可编辑的文本字段中

我是Javascript方面的新手.这是我的问题：

我希望从读卡器中获取信用卡信息,然后进行处理.到目前为止,我已经能够在HTML文本框字段中捕获虚拟信用卡数据 – 实际上它没有火箭科学,因为卡读卡器输入只是当卡通过读卡器刷卡时的一组键盘事件.问题是它只有在文本字段上有光标焦点时才有效.如果我将文本字段转换为只读框,则它不起作用 – 这是我的确切要求.我应该能够屏蔽输入,显示几个* s,我应该能够使该字段不可编辑.我希望这可以使用放在文本框上的透明div来完成 – 但我不知道如何实现.

我也对其他想法持开放态度.

解决方法:

您可以使用javascript设置禁用的文本字段的值,并通过document.onkeydown = function(e){…}获取击键事件数据.不需要隐藏的div.

我假设您的页面上还有其他字段,这将使您很难知道何时捕获读卡器数据.您是否幸运,您的信用卡读卡器会发送一些独特的第一个字符,以便您知道键盘事件来自读卡器而不是用户按键？如果是这样,那么您可以听取这些特定的击键,这样您就不必担心设置焦点.否则可以考虑像“读取信用卡”这样的按钮,其具有开启(“点击”)功能设置以读取下一个xx数字.

以下是一些调试代码,您可以使用它们来查看您的阅读器是否发送了您可以侦听的任何唯一字符：

document.onkeydown = function(d) {
    console.log( d.which ? d.which : window.event.keyCode);
};

可以想象,当使用阅读器时,还有一些其他独特的事件信息.也许检查设备的手册.

标签：javascript,credit-card,html,credit-card-track-data
来源： https://codeday.me/bug/20190530/1183313.html