chrome浏览器屏蔽输入法

由于部分场景需要屏蔽掉文本框输入法
如读卡器，若卡号为abcefg32，则读卡器输出为：ABC得分过（不同输入结果不同），如图：
当输入中文abcdefg时：

当继续输入3时：

当继续输入最后数字2时：

对于IE，火狐浏览器，设置ime-mode: disabled即可解决（屏蔽输入法）

<input type="text" style="ime-mode: disabled;">

根据读卡器（以我接触过的举例）通过刷卡，在光标位于可输入文本的地方进行刷卡，则读出内容写入光标位置。
如此可通过获取focus和change事件，配合password（不可切换输入法）来变相实现“屏蔽输入法”。

ICPswChange(value){//取值处理//业务处理//将value赋值给只读的input type="text"标签document.getElementById('icinput').value = value;//将value赋值给隐藏的input type="password"document.getElementById('icpsw').value = value;// 避免重复刷卡、读卡document.getElementById("icpsw").blur(); //其他处理
}

ICInputFocus(){//置空隐藏窗口值document.getElementById('icpsw').value='';document.getElementById('icinput').value = '';//设置光标至password隐藏输入窗口document.getElementById("icpsw").focus();
}

<el-form-item label="IC门禁卡"><el-input v-model="editDialog.form.icCardNo" id="icinput" auto-complete="off" class="handle-input-plus" readonly="readonly" v-on:focus="ICInputFocus"></el-input><el-input id="icpsw" type="password" style="border:0px;background:none;opacity:0.0"  @change="ICPswChange"></el-input>
</el-form-item>

转载于:https://www.cnblogs.com/alixiaoyao/p/11079952.html

chrome浏览器屏蔽输入法相关推荐

Chrome浏览器屏蔽打印预览
参考: 1.Chrome 静默打印及其它启动参数 2.JS实现Chrome浏览器打印右键谷歌浏览器的快捷方式,点击[属性],点击[快捷方式],在[目标]尾部位置添加" --kiosk-pr ...
Chrome浏览器屏蔽广告
打开链接 https://github.com/XiaoHanChina/Google-Extensions 页面. 找到 adBlock_v.crx 文件并下载. 打开 Chrome浏览器 ,依次打 ...
Chrome浏览器屏蔽百度推广
在使用百度搜索的过程中,在网页中总是出现很多的百度推广的广告.很烦人. 然后在网上找了插件ADBLOCK.具体操作如下所示: 1.安装AdBlock插件,成功后鼠标右键可现实AdBlock图标 2.在 ...
安装 Adblock plus 插件彻底屏蔽Chrome 浏览器上的广告以及Adblock plus 的使用教程（亲测有效）
平时在浏览网站的时候垃圾广告总是很多...Ta奶奶得- 如何把右侧那些烦人的不相关的动态屏蔽呢? 试了很多方法发现都不行,一个重要的原因是网上很多教程下载的 adblock plus 版本不对.还有的 ...
chrome浏览器（block）屏蔽http文件下载，如何解除？
最近升级了chrome浏览器,发现不能从http网站下载文件了. F12打开console,发现每次从http网站下载文件,console都会出现下载被blocked(屏蔽)的提示: 原来chrome ...
如何屏蔽chrome浏览器内自带广告
1.屏蔽chrome浏览器内自带广告 chrome浏览器中设置是无法屏蔽广告的快捷方式:https://chrome.google.com/webstore/detail/adblock-plus- ...
chrome浏览器广告屏蔽插件adblock下载地址
推荐一个chrome广告屏蔽插件. 下载地址 https://downloads.adblockplus.org/devbuilds/adblockpluschrome/ 关键字: 1) 浏览器广告 ...
chrome浏览器广告屏蔽插件adblock
chrome浏览器广告屏蔽插件adblock下载地址: https://downloads.adblockplus.org/devbuilds/adblockpluschrome/ 安装: chrom ...
Chrome浏览器广告屏蔽方法
Chrome浏览器广告屏蔽方法标签(空格分隔): 旭 Problem Chrome过滤插件Adblock Adblock下载安装插件: 打开chrome 在地址栏输入chrome://extens ...

chrome浏览器屏蔽输入法

chrome浏览器屏蔽输入法相关推荐

最新文章

热门文章