扫描枪中文输入法导致乱码问题

中文输入法前提下用扫描枪会导致英文的字符串经过扫描枪的回车事件后变成中文，用password类型可以屏蔽掉中文输入，然后再文本框后面追加一个回线，让password框看起来像文本框，通过css的定位来进行遮罩并把password的值赋给遮罩的文本框。

这里借鉴其它网友的处理，贴下代码

<!DOCTYPE html>
<html lang="zh_CN">
<meta charset="utf-8">
<head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"><title>lalalala</title>
</head>
<style>#show:after{content: "";display: inline-block;height: 18px;position: relative;border-right: solid 1px #666;top: 4px;left: 0px;opacity: 0;}.pad-input:focus + #show:after{animation: mymove 1.2s infinite;}@keyframes mymove{0%   {opacity: 0;}25%  {opacity: 0;}75%  {opacity: 1;}100% {opacity: 0;}}
</style>
<body>
<div style="position: relative;width: 200px;"><input type="password" autocomplete="off" class="pad-input" style="height: 30px;width: 100%;"><div id="show" style="position: absolute;left: 2px;top:50%;transform: translate(0,-50%);border: none;height: 28px;pointer-events: none;background: #fff;width: 98%;" disabled><span></span></div>
</div>
<script>var obj = {};Object.defineProperty(obj, 'txt', {get: function () {return obj;},set: function (newValue) {document.getElementById('show').getElementsByTagName('span')[0].innerHTML  = newValue;}});document.getElementsByClassName("pad-input")[0].addEventListener('keyup', function (e) {obj.txt = e.target.value;});
</script>
</body>
</html>

扫描枪中文输入法导致乱码问题相关推荐

IE浏览器url带中文参数导致乱码问题（chrome下正常）
问题: E浏览器下url带中文请求参数,服务器端使用new String(param.getBytes("iso-8859-1"), "utf-8")后仍然会乱 ...
解决中文状态下扫描枪扫描错误
解决中文状态下扫描枪扫描错误写作时间:2019-11-7 11:05:39 问题描述今天项目上遇到反馈过来的问题:前端input输入去后台核对时,使用键盘输入核对成功,使用扫描枪输入核对失败.原因 ...
万能五笔输入法导致vs2013 xshell中文乱码
万能五笔输入法导致vs2013 xshell中文乱码解决方法:卸载万能五笔输入法,在管理输入法中也删除万能五笔配置,重启系统. 本文转自 corasql 51CTO博客,原文链接:http://bl ...
linux下条码枪扫中文,斑马扫描枪扫描中文条码
在国内,QR码使用越来越频繁,有些甚至已经包含了中文字符.那如何让斑马扫描枪扫描中文条码,让我们来学习设置一下. 首先,你需要确认的QR吗中的编码方式: 是UNICODE 还是 GBK 编码操作步骤 ...
Ubuntu14.04安装中文输入法以及解决Gedit中文乱码问题
Ubuntu14.04安装中文输入法以及解决Gedit中文乱码问题参考文章: (1)Ubuntu14.04安装中文输入法以及解决Gedit中文乱码问题 (2)https://www.cnblogs. ...
中文输入法/搜狗输入法的配置搜狗输入法选词乱码谷歌浏览器安装
下面的配置会用到下载和更新,如果发现ubuntu的下载和更新速度太慢,可以更换源来解决问题,具体搜索或者参见我的博客 ubuntu apt下载速度慢的解决办法中文输入法,搜狗输入法更换输入法: h ...
Ubuntu16.04搜狗拼音输入法候选栏无法显示中文（英文乱码）
Ubuntu16.04搜狗拼音输入法候选栏无法显示中文(英文乱码) 输入中文时,若候选栏显示英文乱码.无法显示中文,如下图所示,可按如下方式处理: cd ~/.config rm -rf SogouP ...
安卓版PDA扫码获取扫描枪数据；input获取焦点不弹出虚拟键盘；解决页面btn可操作数据的逻辑，导致DOM元素渲染，input的readonly失效
html部分: 页面需要一个容器来接收扫描数据注意:安卓版PDA扫描不同于win系统版本,安卓版本获取扫描数据时并不是keyCode按键依次获取,而是一次性给出扫描的数据 <!--扫描枪数据接 ...
使用扫描软件扫描含有中文字符的二维码显示乱码?
在使用中琅领跑条码标签打印软件制作并打印二维码时,有些朋友也会遇到这种问题:使用扫描软件扫描含有中文字符的二维码时,扫描界面显示为一串问号(即乱码).是什么原因造成扫描中文乱码的呢?又该如何解决呢?今 ...

扫描枪中文输入法导致乱码问题

扫描枪中文输入法导致乱码问题相关推荐

最新文章

热门文章