键盘口扫码枪在web页面的应用

1.问题

键盘口扫码枪相当于键盘输入，只要通过获取文本框焦点，扫码输入获取到字符串，经过处理绑定到前台即可。但是页面中我不想要显示这个文本框，通过style="display:none"和.hide()隐藏后，文本框无法获取输入--即得不到扫码后的字符串。

2.思路

键盘口扫码枪需要用一个textbox接受输入（相当于键盘输入，可添加回车符后缀），可以这样处理，通过一个“扫码”按钮打开一个子页面，该子页面中只有一个文本框接受扫码枪输入，然后扫码结束后自动关闭该子页面（通过调用父页面window.parent.closes()方法）并将接收到的字符串传递（调用父页面方法）给父页面，完成数据绑定。子页面利用keydown事件判断keycode==回车符code码，来截取字符串通过调用父页面方法绑定到前台展示界面。

3.关键字

父页面、子页面、iframe、调用父页面方法，键盘口扫码枪、keydown事件、父子页面传递数据

下面是图片及代码：

$(function () {            $("#Text1").focus();        });        $(document).keydown(function (event) {            var keyCode = event.keyCode;            if (keyCode == "13") {                var value = $("#Text1").val();                var code = value.split('|');                var clzzcmc = code[3];//车辆制造企业名称                var cllxid = code[4];//车辆类型                var clpp = code[5];//车辆型号                var clxh = code[6];//车辆型号                var clsbdh = code[7];//车辆识别代号                var fdjh = code[9];//发动机号                var fdjxh = code[10]; //发动机型号                var pl = code[12];//排量                var edgl = code[13];//功率                var hdzzl = code[14];//额定载质                var hdzk = code[15];//载客人数                var ccrq = code[16]==null?"":code[16].substr(0, 4) + "-" + code[16].substr(4, 2) + "-" + code[16].substr(6, 2);                var csysid = code[17];//车身颜色                var rlzlid = code[18];//燃油种类                var zzl = code[19];//总质量                var zbzl = code[20];//整备质量                window.parent.clone(clzzcmc, cllxid, clpp, clxh, clsbdh, fdjh, fdjxh, pl, edgl, hdzzl, hdzk, ccrq, csysid, rlzlid, zzl, zbzl);//调用父页面的clone()方法，将数据绑定到父页面                window.parent.closes();//关闭子页面            }        });