vue后台管理 做一个读取卡号的功能，怎么禁用输入框输入

Question

目前的流程是：
1、打开弹窗
2、弹窗中有一个隐藏的输入框，输入框自动获取焦点
3、外置读卡器会读取卡号填入输入框中

因为要录入卡号到输入，我不能在输入框中加上disabled或者readonly，这两个属性都会导致卡号不能赋值到输入框

但是我需要禁止用户自己输入卡号

读卡器录入也会触发input、onchange等事件

求解
怎么禁止用户输入

Answer 1

你这需求，写个蒙层盖住吧。哈哈。。

问题想简单了，你这个应该和扫码枪一样，输入设备会调用键盘事件，将内容添加到input中，区分是设备还是手动输入的，只能判断输入的速度，监听onkeypress事件，判断event.code的长度，手动的不会超过2，这儿有例子https://www.jb51.net/article/...