标签：javascript credit-card html credit-card-track-data

我是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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。