CSS的ime-mode屏蔽中文输入法

xdwangiflytek

浏览: 663171 次
性别:
来自: 安徽

最近访客更多访客>>

fighter1945

meg_yin

xiaohei445_qq

ddxkj

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Html/Div+CSS

CSS ime-mode 屏蔽中文输入法

ime是Input Method Editor的简称。它是一种专门的应用程序，用来输入代表东亚地区书面语言文字的不同字符。使用此种输入法，不需特殊的键盘（对应各种语言的键盘）即可输入东亚诸国（如中文、日文、韩文、俄文等）的各种文字。

ime-mode : auto | active | inactive | disabled

取值：

auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同

active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime

inactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活ime

disabled : 完全禁用ime。对于有焦点的控件(如输入框)，用户不可以激活ime

说明：

设置或检索是否允许用户激活输入中文，韩文，日文等的输入法(ime)状态。
此属性对于 currentstyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 imemode（css的ime-mode属性对应于javascript中的imeMode属性）。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>屏蔽中文输入法</title>
    <script type="text/javascript">
        function change(oButton) {
            var obj = document.formIme.txt;
            var tips = document.getElementById("tips");
            if (obj.style.imeMode == "disabled") {
                obj.style.imeMode = "active";
                obj.value = "";
                oButton.value = "屏蔽中文输入法";
                tips.innerHTML = "ime-mode:active; 现在中英文都能输入";
                document.getElementById("tips") = tips;
            }
            else {
                obj.style.imeMode = "disabled";
                obj.value = "";
                oButton.value = "激活中文输入法";
                tips.innerHTML = "ime-mode:disabled; 现在你只能输入默认的英文且不能切换输入法了";
                document.getElementById("tips") = tips;
            }
        }   
    </script>
</head>
<body>
    <fieldset>
        <legend>CSS ime-mode属性测试：</legend>
        <form name="formIme">
        <input type="text" name="txt" style="ime-mode: disabled" />
        <input type="button" value="激活中文输入法" onclick="change(this)" />
        </form>
        <div id="tips">
        </div>
    </fieldset>
</body>
</html>

运行效果: