將條形碼掃描到Web應用程序的文本框中

Question

我正在使用基於Web的Java應用程序（UI使用GWT）。 我有一個倉庫管理系統，我需要掃描條形碼並將其顯示在文本框中。 我知道掃描儀會發送鍵盤事件。 如何捕獲這些事件並將其填充到我的文本框中？ 掃描條形碼時，光標應該位於文本框上嗎？

任何人都可以提供如何捕獲這些事件並在文本框中填充代碼片段嗎？

請注意，這需要在不同的操作系統和瀏覽器上工作。 這應該適用於筆記本電腦/台式機。 它不適用於移動應用程序。

Answer 1

如果該頁面的默認操作是掃描條形碼，我建議將光標放在輸入文本框上，然后，如果該文本框設置為觸發回車換行符，則可以在文本框上使用KeyPressHandler來攔截掃描儀的控制字符（輸入鍵）。

這可能是一個開始尋找的地方。

快速搜索一個例子， 在這里找到了一個很好的例子

Answer 2

由於無法區分掃描儀事件和鍵盤事件，因此只需將焦點放在文本框上並等待輸入。 確保設置掃描儀，以便它們隨后發送TAB，而不是ENTER。

Answer 3

根據掃描儀的不同，可以對其進行編程以在實際條形碼之前發送預定義的前綴。 例如，我使用的掃描儀Honeywell Voyager 95X0可以配置為在每個條形碼之前發送例如Start of TeXt (ASCII 02H)的Start of TeXt (ASCII 02H) （請參閱配置指南第8章，第42頁 ）。 然后，您可以使用該前綴來過濾出哪些KeyPressEvent來自掃描儀（然后將輸入移至文本框）以及哪些來自用戶。

設置“全局” KeyPressHandler（這樣，用戶在掃描條形碼之前不必記住要聚焦文本框）應該很簡單-例如，參見此線程 。 關鍵是使用Event.addNativePreviewHandler捕獲事件，然后再將事件觸發到其處理程序。