HISUI
解决chrome系浏览器ime-mode问题
2022年01月04日 11时10分

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

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

解决办法

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

代码实现

  • 编写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);
  • 引用上面的代码,然后编写如下代码
<input type="text" id='mytest'>
$(function(){
    $("#mytest").imedisabled();  //得到焦点时默认英文状态
    $("#mytest").focus();
});

如果不能成功处理问题,iMedical系统接着向后看

1. 放动态库

把WebsysTool.dll与WebsysTool.pdb放到web/addins/plugin/WebsysTool/目录下,最终目录为:web/addins/plugin/WebsysTool/WebsysTool.dll
web/addins/plugin/WebsysTool/WebsysTool.pdb

2. 客户端管理界面配置

代码:WebsysTool,调用ID:WebsysTool,程序集:WebsysTool
类名:WebsysTool.WebsysTool,DLL文件路径:WebsysTool/WebsysTool.dll,WebsysTool/WebsysTool.pdb
版本:1.0.0.0, 勾上激活

保存成功后,再增加方法

SwitchToLanguageMode , 勾上即时运行,勾上清除数据

3. 在csp界面上引入插件

<ADDINS require="WebsysTool"></ADDINS>

4. 在js界面上写入

$("#domId").imedisabled();
上一篇: 下一篇:

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注

访问量: 379524