Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.9k views
in Technique[技术] by (71.8m points)

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

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

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

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

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

求解
怎么禁止用户输入


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...