vue 扫码枪 扫码墩 扫码器 中文输入影响 大小写影响 解决方案 js web端扫码枪对接 前端扫码枪 html扫码枪 vue扫码枪

# vue3 扫马枪/扫马墩/扫码器 中文输入影响 大小写影响 解决方式

## ps

        你们觉得好用的话,能不能给我点个赞啊😘😘😘😘😘😘😘😘😘😘😘😘

## 需求背景

        当前市场存在两种扫码器:有大小写分辨能力不受大小写按键影响,无大小写分辨能力受大小写按键影响,他们同时都受windows自带中文输入法的影响(例如,a123456会变成->啊23456,因为扫码器本质就是和键盘一样都是usb串口输入),如果只是不加处理的input会有以下问题:

        1.无法分辨键盘大小写(贵一点的带大小写分辨能力的扫码器不受影响)

        2.会受到中文输入法的影响

        3.过于灵敏会导致多次输入

        4.其他影响用户体验的问题

## 需求

        1.分辨大小写键盘

        2.不受中文输入法影响

        3.避免多次扫码

        4.提升用户体验(禁止password 自动补全等)

## 解决思路技巧

        1.type:password不会受中文输入法影响,创建两个input,一个text,一个password

        2.onkeypress 和 event.key 可以判断是否打开大小写

        3.使用时间戳判断是否是手写输入

        4.其他诸多需要注意的问题:使用诸多 事件 "障眼法""欺骗"用户只有一个input(例如:点击,选中,input等事件,同时password中不能让用户粘贴->时间戳无法判断)

        5.使用弹框来接受用户输入

## 版本变