ime-mode 不支持Chrome | 输入框限制输入语言

最新推荐文章于 2022-09-05 17:07:25 发布

poppyCL

最新推荐文章于 2022-09-05 17:07:25 发布

阅读量1.5w

点赞数 8

分类专栏： jquery 文章标签： ime-mode chrome

本文链接：https://blog.youkuaiyun.com/poppyCL/article/details/102931375

版权

本文探讨了在Chrome中如何通过 ime-mode 属性控制input元素的输入法状态，包括切换输入法、禁用输入法以及禁止输入中文的方法。详细介绍了各状态的取值和效果，并提供了相关参考链接及实现技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

type=“tel”

<input type="tel" id="testInactive" style="ime-mode:inactive"/>

**说明：不支持搜狗等外部输入法，支持自带的输入法

~~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"