Javascript React.JS:检测键盘输入是否来自条形码扫描仪

Javascript React.JS:检测键盘输入是否来自条形码扫描仪,javascript,jquery,reactjs,barcode-scanner,Javascript,Jquery,Reactjs,Barcode Scanner,我正在解决一个问题,我们需要检测用户是否使用条形码扫描仪将内容扫描到输入框中,或者他们只是使用常规键盘键入值。根据每个场景,我们希望有不同的回调来处理用户输入 我正在一个代码库上进行移植,该代码库以前使用jQuery检测条形码,使用以下库: 我现在正在React.JS中重新编写这段代码,但我被困在这里,因为React.JS上没有可用于此目的的库 是否可以在我的React.JS(createreact app)项目中导入该代码? 我确实安装了jQuery Scanner Detection并尝试导

我正在解决一个问题,我们需要检测用户是否使用条形码扫描仪将内容扫描到输入框中,或者他们只是使用常规键盘键入值。根据每个场景,我们希望有不同的回调来处理用户输入

我正在一个代码库上进行移植,该代码库以前使用jQuery检测条形码,使用以下库:

我现在正在React.JS中重新编写这段代码,但我被困在这里,因为React.JS上没有可用于此目的的库

是否可以在我的React.JS(createreact app)项目中导入该代码? 我确实安装了jQuery Scanner Detection并尝试导入它,但我遇到了以下问题: ReferenceError:未定义jQuery (这在依赖项文件中,而不是我的项目中。我想修改依赖项并不容易。)


另一种方法:是否可以在React.JS中本机实现逻辑?它基本上检测到用户输入到键盘的速度,如果它足够快,那么我们认为它是条形码扫描。否则我们认为这是一个普通的击键。

看那个图书馆,它试图检查三个东西

  • (可选)按下按钮时扫描仪发出的特定按键代码
  • (可选)扫描仪在条形码末尾发出的字符键码
  • 字符之间的计时

考虑到使用
React
,您可以订阅DOM事件并实现相同的逻辑,第二个问题的答案是,可以创建React组件

难道你就不能对按键下键做出反应,然后是它的用户输入吗?这是有道理的,但我不是一个足够的Javascript专家,无法完全理解这是如何工作的。。。有没有一种简单的方法可以不费吹灰之力地完成它?你要求的是让别人来完成你的工作。如果你想给我留言,我们可以谈谈价格——我在英国做项目工作。