ime-mode 不支持Chrome | 输入框限制输入语言
一、Chrome 实现input切换输入法(inactive)
type=“tel”
<input type="tel" id="testInactive" style="ime-mode:inactive"/>
**说明:不支持搜狗等外部输入法,支持自带的输入法
图片来源链接
二、Chrome 实现input禁用输入法(disabled)
tel + ime-mode:disabled实现不了禁用输入法
想要的效果如下(日文输入法下):
替代实现方法:
1、定义一个input(在ie下ime-mode: disabled是可用的)
<input type="text" id="testDisabled" size="3" style="ime-mode: disabled;"/>
2、用focus()+readonly+keydown()实现
考虑到shift,tab,backspace等按键,按键keyCode参考文章
https://www.cnblogs.com/daysme/p/6272570.html?utm_source=itdadao&utm_medium=referral
$("#testDisabled").focus(function () {$("#testDisabled").prop("readonly", "readonly");$("#testDisabled").keydown(function (e) {var temp = $("#testDisabled").val();var start = e.target.selectionStart;if((e.keyCode <= 90 && e.keyCode >= 65) || (e.keyCode <= 57 && e.keyCode >= 48) || (e.keyCode <= 105 && e.keyCode >= 96)){$("#testDisabled").val(temp + e.key);} else if(e.keyCode == 8){ //backspace$("#testDisabled").val(temp.substr(0, temp.length-1));} else if(e.keyCode == 16) { // shift} else if(e.keyCode == 108 || e.keyCode == 27 || e.keyCode == 9) { // enter esc tab$("#testDisabled").blur();} else if(e.keyCode == 37){ // leftvar inpObj = document.getElementById("testDisabled");if (inpObj.setSelectionRange) {setTimeout(function () {inpObj.setSelectionRange(start - 1, start - 1);}, 0);}} else if(e.keyCode == 39){ // rightvar inpObj = document.getElementById("testDisabled");if (inpObj.setSelectionRange) {setTimeout(function () {inpObj.setSelectionRange(start + 1, start + 1);}, 0);}}})
});
三、CSS 之 ime-mode
参考:https://blog.csdn.net/tyjlearning/article/details/72625377
<input id="test1" name="test1" style="ime-mode:disabled"/>
<input id="test2" name="test2" style="ime-mode:active"/>
<input id="test3" name="test3" style="ime-mode:inactive"/>
<input id="test4" name="test4" style="ime-mode:auto"/>
第一个是不显示输入法,即用键盘也不能切换输入法。
第二个是自动切换成中文输入法,但还可以用键盘切换。
第三个是自动切换成英文的输入法,但还可以用键盘切换。
第四个是根据当前的输入法来确定的,如果当前是英文的,那就显示英文,是中文的那就显示中文。
语法:
ime-mode : auto | active | inactive | disabled
取值:
auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同。
active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime。
inactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活ime。
disabled : 完全禁用ime。对于有焦点的控件(如输入框),用户不可以激活ime。
说明:
设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(ime)状态。
此属性对于 currentstyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 imemode 。
四、禁止输入中文
<!--禁止输入中文-->
<!--\u4e00-\u9fa5为中文的编码范围-->
<input type="text" id="test" style="ime-mode: disabled" onkeyup="this.value=this.value.replace(/[\u4e00-\u9fa5]/g,'')"/>
ime-mode 不支持Chrome | 输入框限制输入语言相关推荐
- Android键盘输入语言设置默认打开myanmar 缅甸语
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! loca ...
- Java缅甸文_Android键盘输入语言设置默认打开myanmar缅甸语的步骤
locale是通过系统设置的地区和latin输入法语言通过merger出来的,所以在系统地区设置和输入法语言中同时支持才可以在"输入语言设置"里设置 languageList是从存 ...
- Java缅甸文_Android_Android键盘输入语言设置默认打开myanmar缅甸语的步骤,locale是通过系统设置的地区和l - phpStudy...
Android键盘输入语言设置默认打开myanmar缅甸语的步骤 locale是通过系统设置的地区和latin输入法语言通过merger出来的,所以在系统地区设置和输入法语言中同时支持才可以在&quo ...
- android缅甸语,Android键盘输入语言设置默认打开myanmar缅甸语的步骤
不管你在学什么语言,当你觉得自己不擅长的时候,突然听到你的老师或其他人用你认为自己不擅长的语言流畅地交谈,你会感到热血沸腾,下面我们就跟着爱站技术频道小编一起来了解键盘输入语言设置默认打开myanma ...
- Selenium自动化-清空输入框、输入内容、点击按钮
1.输入内容 send_keys('valve'):输入内容valve #定位输入框 input_box = browser.find_element_by_id('kw') try:#输入内容:se ...
- python输入框_selenium+python 对输入框的输入处理方法
最近自己在做项目的自动化测试(公司无此要求),在用户管理模块做修改用户信息时,脚本已经跑成功,并且的确做了update操作,但是自己登陆页面检查,信息却没有被修改,再次确定系统该模块的编辑功能可用,脚 ...
- 控制 input 输入框不能输入中文,即不能在输入框中使用输入法
设置输入框的样式,代码如下 <span style="font-size:18px;"><input type = "text" id = & ...
- 怎样取消老毛桃软件赞助商---只需在输入框中输入老毛桃官网网址“laomaotao.org”...
来源:www.laomaotao.org 时间:2015-01-29 在众多网友和赞助商的支持下,迄今为止,老毛桃u盘启动盘制作工具已经推出了多个版本.如果有用户希望取消显示老毛桃软件中的赞助商,那不 ...
- APPium连接真机输入框中输入的内容与代码中不一致
今天解决了上一个问题,又碰到了一个新的问题. 问题:连接真机输入框中输入的内容与代码中不一致. 描述: 想实现登录页面输入用户名和密码自动登录,可是在输入用户名和密码的框中输入的内容总是与代码中的不一 ...
最新文章
- 荧光皮肤有哪些_荧光增白剂真的致癌吗?
- openssh windows_WINDOWS环境配置SSH服务
- 禄露禄露碌脛脥炉脛锚,学者批时下宫廷戏“就是一堆文化垃圾”
- 岗位推荐 | 腾讯招聘自然语言处理方向实习生
- Android之Android Studio常用插件
- BZOJ.4516.[SDOI2016]生成魔咒(后缀自动机 map)
- Kibana linux下安装
- Crashlytics功能集成
- oracle回退脚本怎么写_短视频爆款文案怎么写?130个短视频爆款文案、脚本范例分享!...
- hdu 1176:免费馅饼
- LeetCode刷题(5)
- 我的Ubuntu7.10安装后的配置
- wince BindingSource
- 算法题——投篮比赛获胜概率问题
- 一篇文章看懂自然语言处理——word表示技术的变迁(从bool模型到BERT)
- Word Ladder II
- .Net大局观(2).NET Core 2.0 特性介绍和使用指南
- 极米发布极光RS Pro、H3、Z8X三款新品
- 史上最全体检表、检验报告解析
- 手机电脑如何使用OTG连接U盘教程及OTG功能常见问题解答