解决chrome系浏览器ime-mode问题

系统中卡号，身份证这种输入框希望不能输入汉字，且在扫码得到内容时也为数字或字母，当焦点在当前框内时输入法为英文状态。
IE可以使用style=”ime-mode:disabled;”达到效果，但在chrome系浏览器并不此支持属性。

解决办法

chrome系浏览器中光标进入password输入框时，输入法会切换成英文状态，利用这一特性，可以达到相同效果。

代码实现

1. 编写jQuery插件

(function(jq){var baseHtml='<input id="imedisabled_password_input" type="password" style="width: 1px; height: 1px; position: absolute; border: 0px; padding: 0px;">';function init(target){if(!!window.ActiveXObject||"ActiveXObject"in window){jq(target).css({imeMode:'disabled'});}else{var pwdInput=jq("#imedisabled_password_input");if(pwdInput.length==0){jq(target).after(baseHtml);}
var disabledIME=function(event){var _t=this;jq('#imedisabled_password_input').focus();setTimeout(function(){_t.focus();jq(_t).one('focus',disabledIME);},50);};jQuery(target).one('focus',disabledIME);}};jq.fn.imedisabled=function(){return this.each(function(){init(this);});};})(jQuery);

2. 引用上面的代码，然后编写如下代码

<input type="text" id='mytest'>

$(function(){$("#mytest").imedisabled();  //得到焦点时默认英文状态$("#mytest").focus();
});

解决chrome系浏览器ime-mode问题相关推荐

chrome系浏览器插件：chromoji - 替换默认emoji，解决不显示emoji的问题
最近抛弃用了十年的firefox,换成了360极速浏览器X.因为最新的firefox已经不能被mactype渲染了.360可以关掉directwrite,字体完美渲染.但是有个副作用,emoji都变成 ...
angular5解决chrome等浏览器不能播放.m3u8视频流
1.安装video.js : npm install --save video.js 安装videojs-contrib-hls.js: npm install --save vid ...
chrome 使用gpu 加速_一招解决 Chrome / Edge 卡顿缓慢让浏览器重回流畅顺滑
最近一段时间,我发现电脑上的 Chrome 谷歌浏览器越用越卡了.特别是网页打开比较多,同时还有视频播放时,整个浏览器的响应速度都会变得非常缓慢,视频也会卡顿掉帧. 我用的是 iMac / 32GB ...
chrome顶部变黑_win10系统chrome内核浏览器地址栏变黑的解决方法
很多小伙伴都遇到过win10系统chrome内核浏览器地址栏变黑的困惑吧,一些朋友看过网上零散的win10系统chrome内核浏览器地址栏变黑的处理方法,并没有完完全全明白win10系统chrome内 ...
解决Chrome浏览器启动速度慢的问题
解决Chrome浏览器启动速度慢的问题参考文章: (1)解决Chrome浏览器启动速度慢的问题 (2)https://www.cnblogs.com/fanghuangze/p/10705703.h ...
解决chrome浏览器崩溃，再次安装不上问题
解决chrome浏览器崩溃,再次安装不上问题参考文章: (1)解决chrome浏览器崩溃,再次安装不上问题 (2)https://www.cnblogs.com/runningsoybean/p/1 ...
解决Chrome浏览器不能访问https网站的问题
解决Chrome浏览器不能访问https网站的问题参考文章: (1)解决Chrome浏览器不能访问https网站的问题 (2)https://www.cnblogs.com/luyuwei/p/78 ...
解决chrome浏览器adobe flash player不是最新版本亲测可用的方法
解决chrome浏览器adobe flash player不是最新版本亲测可用的方法参考文章: (1)解决chrome浏览器adobe flash player不是最新版本亲测可用的方法 (2)ht ...
Chrome内核浏览器显示【您的时钟快了，您计算机的日期和时间不正确】解决办法
Chrome内核浏览器显示[您的时钟快了,您计算机的日期和时间不正确]解决办法出现问题问题原因解决办法综上 [您的时钟快了,您计算机的日期和时间不正确]解决办法出现问题这几天我使用[联想浏 ...

解决chrome系浏览器ime-mode问题

解决办法

代码实现

解决chrome系浏览器ime-mode问题相关推荐

最新文章

热门文章