解决扫码枪输入input时受中文输入法的影响
2024-08-23 23:04:09
<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>
最新文章
- 天地图应用ArcGIS发布的服务
- WPF开发经验
- ASP.NET ZERO 学习 HangFire的使用二
- C# 重绘tabControl,添加关闭按钮(续)
- hive基本操作
- jQuery阻止默认行为和阻止冒泡
- Instruments_Automation使用入门
- (实用篇)微信网页授权(OAuth2.0) PHP 源码简单实现
- Linux运行C#程序
- oracle单行函数之通用函数
- C# Ajax 返回json数据--前后台交互
- week3
- QTableWidget自定义表头QHeaderView加全选复选框
- 雷林鹏分享:jQuery EasyUI 数据网格 - 添加分页组件
- Java内存模式
- Map与实体之间转换
- Dependency Scopes(maven)
- iOS - Block产生Memory Leaks循环引用导致的内存泄漏以及解决方案
- 螺旋折线|2018年蓝桥杯B组题解析第七题-fishers
- kubernetes service访问原理
热门文章
- hibernate映射简单实例
- 2014过去了,正式步入职场了,.net
- linux shell 中";2>;&;1";含义-完美理解-费元星
- Git+Jenkins配置
- Delphi XE2 之 FireMonkey 入门(39) - 控件基础: TScrollBox、TVertScrollBox、TFramedScrollBox、TFramedVertScrollBox
- WebMvcConfigurer 与 WebMvcConfigurationSupport避坑指南
- 正则表达式——Unicode 匹配规则
- django连接和游标
- 【Linux开发】Linux磁盘管理
- ascx