通过修改前段代码实现,基本就是利用password框不能输入中文的原理。亲测有效,直接上代码:

<html><head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>Image preview example</title>
</head>
<body><div style="position: relative;width: 200px;"><input name="password" autocomplete="off" hidden id="password"><input type="password" autocomplete="off" class="pad-input" style="height: 30px;width: 100%;"><input placeholder="请输入密码"  id="show" type="text" style="position: absolute;left: 3px;top:50%;transform: translate(0,-50%);border: none;height: 28px;pointer-events: none;background: #fff;width: 98%;" disabled></div><script>var obj = {};Object.defineProperty(obj, 'txt', {get: function () {return obj;},set: function (newValue) {document.getElementsByClassName("pad-input")[0].value = newValue;document.getElementById('show').value = newValue;document.getElementById('password').value = newValue;}});document.getElementsByClassName("pad-input")[0].addEventListener('keyup', function (e) {obj.txt = e.target.value;});</script>
</body>

原地址:https://www.cnblogs.com/yuyedaocao/p/11124669.html
欢迎评论,点赞。谢谢

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

  1. js 中 实现扫码枪在中文输入法下扫码与实际差异的问题(大小写字母和数字的已没问题特殊字符还不知道咋处理所以没实现特殊字符)

    在网上找了各种方法针对与扫码枪在中文输入法的情况下键入值异常(与实际不一致的问题)有说用type=password的来模拟text框 用定位来覆盖(这种没啥用,看需要吧,因为搞完后没输入法 如果从中间 ...

  2. 解决中文状态下扫描枪扫描错误

    解决中文状态下扫描枪扫描错误 写作时间:2019-11-7 11:05:39 问题描述 今天项目上遇到反馈过来的问题:前端input输入去后台核对时,使用键盘输入核对成功,使用扫描枪输入核对失败.原因 ...

  3. 解决 input 输入框在中文输入法下的 bug

    最近本山人在项目的开发过程中遇到这么一个问题: 在列表中嵌入antd的Input输入框,切换到微软输入法输入时,就不能成功输入中文字符,然而搜狗输入法又是正常的. 研究一番,发现是input的valu ...

  4. python导入包的输入法_python使用idle edit编辑器时,中文输入法下遇到r、p、t、y时产生热键冲突...

    python使用idle edit编辑器时,中文输入法下遇到r.p.t.y时产生热键冲突 229 2020-08-25 10:03 半年之后再来看当初写的文章,早已"情随事迁",就 ...

  5. 解决Android EditText使用扫码枪与中文输入法冲突的问题

    使用码枪扫收款码等信息时,若当前使用的是部分中文输入法,则会可能出现扫码结果不准确的问题,解决此问题的方法是自定义EditText,并根据实际需求重写dispatchKeyEventPreIme方法. ...

  6. 解决React中input输入框在中文输入法下的bug

    解决React 中input 输入框在中文输入法下的bug 需求:封装Input 组件,输入拼音过程中不触发onChange,拼音输入结束后触发onChange 原理:input 标签上面有两个事件, ...

  7. vue中模糊搜索keyup在中文输入法下输入英文无效的解决方法

    keyup事件在中文输入法下输入英文,vue中对应的val属性值为空.控制台显示并没有获取到任何值,但是input中确实有字母.纳尼?说好的双向绑定呢? 要解决这个问题可以采用watch+keyup事 ...

  8. 中文输入法下全角半角和中文标点英文标点

    ① 中文123456789abcdef.,.*--半角 中国字 中文标点,请注意顿号, ② 中文123456789abcdef\,.*--半角 中国字 英文标点,请注意顿号, ③ 中文12345678 ...

  9. Java限制输入中文_iOS UITextField限制输入长度,处理中文输入法下的缺陷

    在很多情况下都会要求限制输入框的字数长度,在非中文情况下简单的处理下即可,但在系统自带的中文输入发现你会发现,即使输入拼音也会被限制.我们需要对中文输入法进行单独的设置: 1.给UITextField ...

最新文章

  1. 面试官:来说说单点登录的三种实现方式
  2. 学python用什么教材-金融学专业学python用什么教材或课外资料比较好?
  3. Space Time Varying Color Palette
  4. 第二讲 数学模型方法
  5. 思杰20140522
  6. 微服务架构最强讲解,那叫一个通俗易懂!
  7. 可恶的爬虫直接把生产 6 台机器爬挂了!
  8. javaeye搬家到csdn
  9. 【软件】XPS格式文件怎么打开,用XPSViewer(百度云免费下载链接)
  10. 2021年下半年软考系统集成项目管理工程师真题及答案解析
  11. Linux kail环境下安装pyrit 问题详解
  12. C编程 求1到100之间的奇偶数之和
  13. python登录面向对象_python基础 面向对象一
  14. MQTT断线重连订阅无法接收
  15. 每日新闻 | 特斯拉“太空跑车”完成第一圈绕日飞行 向火星靠近
  16. C语言计算一个整数各位上的数字之积
  17. 产生冠军(HDU1002)谢庆皇
  18. 梦寐的电子市场终于可以去了哦!o(∩_∩)o...哈哈
  19. 计算机网络的便件功能
  20. ReactNative工程自定义脚本

热门文章

  1. 用友NC65查询凭证明细方法
  2. 快速实现 分页器(超简单) 可以直接用
  3. 什么是ESB(企业服务总线)
  4. 程伟健:新城易居携手中旅联盟深度发力打造城市中心文旅目的地
  5. iOS 添加第三方字体 .ttf
  6. 光耦隔离前后电阻阻值选择注意事项
  7. Redisson闭锁
  8. 好网线与坏网线的区别,教你几招鉴别技巧
  9. 《指数基金投资指南》读书笔记---指数基金的分类
  10. Fama-French 三因子模型介绍、修改与框架搭建