将条形码扫描到Web应用程序的文本框中

Question

I am working on a web based Java application (GWT is used for my UI). I have a warehouse management system.I need to scan the barcodes and show them in a textbox. I am aware that the scanners would send keyboard events. How do I capture these events and populate them in my textbox ? Should the cursor focus be on the textbox while scanning the barcode ?

Can anyone please provide a code snippet of how to capture these events and populate in the textbox ?

Please note that this needs to work across different OS and browsers. This should work for laptops/desktops. It is not for mobile apps.

Answer 1

I would recommend setting cursor focus on the input textbox if scanning barcodes is the default action for that page, you can then use a KeyPressHandler on the textbox to intercept the scanner's control character if its set up to fire off a carriage return line feed (enter key) after each scan.

This may be a place to start looking.

A quick search for an example came up with a good one here

Answer 2

Since you cannot distinguish between scanner and keyboard events, just focus on the textbox and wait for the input. Be sure to set up the scanners so they send TAB afterwards, not ENTER.

Answer 3

Depending on you scanner, it is possible to program it to send a predefined prefix before the actual bar code. For example, the scanner I was working with, a Honeywell Voyager 95X0 , can be configured to transmit, for example, a Start of TeXt (ASCII 02H) before each bar code (see page Chapter 8, page 42 of the configuration guide). You could then use that prefix to filter out which KeyPressEvents were coming from the scanner (and then move the input to the text box) and which were from the user.

Setting up a "global" KeyPressHandler (so that the user doesn't have to remember to focus the text box before scanning the bar code) should be trivial - see, for example, this thread . The key point is using Event.addNativePreviewHandler to capture the events before they are fired to their handlers.