×

介绍禁止输入两种不让input输入中文的方法

作者:流泪的石头2020.03.04来源:Web前端之家浏览:46255评论:0
关键词:jsinput

介绍禁止输入两种不让input输入中文的方法。JavaScript禁止中文输入可以通过设置输入框的css样式的ime-mode属性来实现。也可以通过控制输入字符来禁止输入中文。.

方法一、JavaScript通过控制css样式来禁止输入中文。

ime:InputMethodEditors输入法编辑器。ime-mode是CSS非标准属性,用来控制文本输入法的状态,仅在部分浏览器支持或支持程度不一样。

ime-mode语法

ime-mode: auto;
ime-mode: active;
ime-mode: inactive;
ime-mode: disabled;
  • auto:ime-mode默认值,输入法正常使用,不会影响输入法的切换。

  • active:进入文本输入框,输入法编辑器初始化为激活,但可以切换为禁用,Linux下不支持。

  • inactive:进入文本输入框,输入法编辑器初始化为非激活,但可以切换输入法,Linux下不支持。

  • disabled:输入法被禁止使用,用户不可以做输入法切换

禁止中文输入法

<input type="text"  style="ime-mode:disabled">

禁止黏贴,禁止拖拽,禁止中文输入法!

这种方法是最强的禁止 中文输入

<input type="text" onpaste="return false" ondragenter="return false" oncontextmenu="return false;" 
style="ime-mode:disabled"/>

方法二、JavaScript控制输入字符

用户输入文本,放开按键时检查输入字符的Unicode编码是否在0和255之间,如果不在0-255字符之间把字符置为空字符

<script> function check(str){ 
var temp="" for(var i=0;i<str.length;i++) 
     if(str.charCodeAt(i)>0&&str.charCodeAt(i)<255) 
        temp+=str.charAt(i) 
return temp 
} 
</script> 
<input onpaste="return false" ondragenter="return false"  onkeyup="this.value=check(this.value)">

您的支持是我们创作的动力!
温馨提示:本文作者系流泪的石头 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/js8230948023984084.html

网友评论文明上网理性发言 已有0人参与

发表评论: