是想找时间写点什么,却总是拖拖拉拉一直没能写些。今天要写的这点东西是后补在4月份的。
前段时间工作中接触了我们常见的超市扫码器,我接手了这块的开发,除了后台的验证等操作,感觉新奇的就是前台html接受扫码器所输入的条形码值。
没接触过的时候或许觉得挺难以理解的,也不知道他的实现原理。真正接手试验后才发现,并没有想象的那么麻烦,因为读取条形码的过程不需要我们参与,那些已经嵌入到了扫码器中。我们可以简单的将扫码过程理解成:连续按下了键盘上对应的键盘,输入了一串对应键盘的一别编码,然后最后跟着一个13,代表着回车结束输入。
逻辑分析:
<1> 14位条形码(读取过程中会自动添加回车符1位),也就是网页需要监听扫码器输入的每一个值,将其累加起来,当达到15位时,判断第15位是否为13,即回车。
<2> 当然还要屏蔽人为输入行为,怎么判断人为和扫码器的输入呢?最终在输入速度上作为判断依据。认为输入的速度必定是慢的,机器输入的速度还是比极快的。所以采用定义setInterval(),来进行对字符串的间断性清空。
var inStr = "";
//定时清空操作
function clearStr(){
inStr = "";
}
$(document).ready(function(){
//定义清空字符串的间隔时间
var INTER_TIME = 500;
//定义setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
//setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
var int=self.setInterval("clearStr()",INTER_TIME)
document.onkeydown = kdown;
function kdown(e) {
var realkey = String.fromCharCode(event.keyCode);
inStr = inStr + realkey;
//
if(inStr.length == 15 && event.keyCode == '13'){
//提交获取的字符串
barCodeSubmit(inStr);
inStr = "";
}
}
});
laiyuan:http://chenzhiguo.cn/archives/jquery_barcode
分享到:
相关推荐
PHP jquery微信扫码支付Demo,js php版,文件说明: index.php----前端生成二维码页面,通过post请求code_url.php code_url.php----向微信后台发送数据,并获得微信后台返回的code_url,再将code_url返回给前端...
在本实例中,我们将探讨如何使用Spring Boot与jQuery结合实现扫码登录功能。Spring Boot是Java领域的一款快速开发框架,简化了Spring应用的初始搭建以及开发过程。而jQuery是一款广泛使用的JavaScript库,它使得DOM...
**jQuery QRCode.js 下载与扫码登录实现** 在现代Web应用中,扫码登录已经成为一种常见的安全验证方式,尤其是在移动设备上。它通过生成一个二维码,让用户的移动设备扫描后完成登录,这种方式既方便又安全。这里...
在这个项目中,“jquery代码制作扫一扫在线二维码(QRCode)生成器”是利用jQuery来创建一个功能,允许用户在线生成二维码,这些二维码可以被智能手机的扫描应用识别,从而链接到指定的网站或数据。 首先,让我们详细...
扫码枪本质上是一个模拟键盘设备,当它扫描条码时,它会将条码信息转换成键盘信号,通过USB接口与电脑连接后,相当于一个外接键盘输入设备。因此,我们可以使用JavaScript(jQuery是JavaScript的一个库)来监听键盘...
总的来说,"仿淘宝 阿里云登录 密码和扫码切换登录"项目是一个结合了前端技术,尤其是HTML、CSS和jQuery的应用实例,展示了如何构建一个现代化、多模式的登录界面。然而,实际的登录功能实现(如扫码验证、密码安全...
"jQuery扫码:手机号码登录框切换代码"是一个示例项目,它演示了如何利用jQuery库实现一个功能丰富的登录界面,该界面允许用户通过输入手机号码或者扫描二维码进行登录。下面我们将详细探讨这个项目的知识点。 首先...
亲测可用,手机页面扫码并识别二维码的js,里面有使用说明,其实很简单,打开摄像头扫码,用..._qrcode(...) ,关闭用..._qrcode_stop(),在使用过程中如有疑问可以联系我,qq:66128912, 亲测可用,在生产制造软件中常用,省去...
微信扫码后台登录界面模板是一种常见的用户身份验证方法,它结合了微信的便捷性与网站的安全需求,为用户提供了一种无密码或少密码的登录体验。在这个模板中,用户可以选择通过微信扫码快速登录,或者使用传统的...
本文将详细解析"jQuery可拖动的弹出扫码登录窗口特效源码"的相关知识点。 首先,jQuery的弹出效果通常是通过创建模态对话框或者提示窗口实现的,这些功能可以通过`.dialog()`或`.popup()`等方法来实现。在这个项目...
本文将详细讲解如何利用jQuery实现点击弹出支付宝和微信二维码,以便用户进行扫码打赏。 首先,我们需要理解二维码的概念。二维码(Quick Response Code)是一种二维条形码,能够存储比传统一维条形码更多的信息,...
总之,jQuery结合jquery.qrcode.js插件提供了一种简便快捷的方式来实现“扫码阅读”功能,让网站更加适应移动时代的用户体验。只需几行代码,就可以为任何网页生成二维码,使访问变得更加便捷。
在“jQuery实现文章二维码扫码打赏功能特效源码”中,核心是生成和展示二维码,并与用户的扫码动作进行交互。这通常涉及到以下技术: 1. **二维码生成**:可以使用JavaScript库如`qrcode-generator`或`jquery-...
《使用jQuery生成微信二维码名片扫码添加联系人代码详解》 在现代Web开发中,jQuery作为一个强大的JavaScript库,因其简洁的语法和丰富的功能而备受开发者喜爱。本教程将深入解析一个利用jQuery实现的微信二维码...
本文将详细解析"jQuery文章二维码扫码打赏功能代码"的相关知识点。 首先,这个功能的核心是实现一个点击事件,当用户点击文章中的打赏按钮时,能够弹出一个包含二维码的页面。在jQuery中,可以使用`.click()`函数来...
"jQuery微信支付宝扫二维码打赏"是一个利用JavaScript库jQuery和移动支付平台(微信支付、支付宝)实现的在线打赏功能。这个功能允许用户通过扫描二维码快速便捷地对内容创作者进行小额支付,为用户提供了一种无须...
在jQuery中,我们通常会使用Ajax技术来与服务器进行异步通信,获取生成的二维码图片URL。以下是一个简单的步骤概述: 1. **HTML结构**:在index.html文件中,创建一个用于展示二维码的`<img>`标签,以及用于输入...