input text中文状态输入法时输入内容英文状态

最新推荐文章于 2023-05-24 23:10:09 发布

专注酱油200年

最新推荐文章于 2023-05-24 23:10:09 发布

阅读量2.2k

点赞数

<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<style>
.no-ime {
position: relative;
display: inline-block;
}
.no-ime input {
font-size: 14px;
font-family: Source Code Pro,Consolas,Monaco,Courier New;
}
.no-ime__input {
ime-mode: disabled;
}
.no-ime__proxy {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: transparent;
background: transparent;
}

</style>
<body>
       <input type="text" οnkeydοwn="checkKeycode(event); this.select()">
       <div class="no-ime">
       <input class="no-ime__input" type="text"/>
       <input class="no-ime__proxy" type="password"/>
       </div>
<script type="text/javascript">
           $.fn.noIme = function() {
               return this.each(function() {
                   var wrap = $(this);
                   var proxy = wrap.find('.no-ime__proxy');
                   var input = wrap.find('.no-ime__input');
                   proxy.on('input', function() {
                       input.val(this.value);
                   });
               });
           };
           $('.no-ime').noIme();
</script>
</p>
</body>
</html>