首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

禁止在input中输入中文

input onpaste="return false" ondragenter="return false"  style="ime-mode:disabled">  提示:设置ime-mode为disabled...的意思是禁止在输入时禁止用户激活输入中文,韩文,日文等的输入法(IME)状态,因为这个只能检测到键盘的输入,对通过鼠标操作的粘贴和拖放无效。...x00-/x80]/gi,’’)">    方法四:把中文字符替换为空。...-/uFFE5]/gi,’’)">  特别提示  本例代码运行后,第一种方法是不能切换输入法,所以无法输入中文,其它三种方法是在输入中文后立即被替换为空,同时禁止了粘贴和拖放事件。   ...特别说明 本例主要是css属性ime-mode和对中文或双字节字符的判断应用。  ime-mode 设置输入方法编辑器(IME)的状态。

4K31

input禁止输入的方法

1. readonly 规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。...input type="text" value="test" readonly="readonly"> 2. disabled  被禁用的 input 元素可复制,不能接收焦点,设置后文字的颜色会变成灰色...无法与 input type="hidden"> 一起使用。 input type="text" value="test" disabled="disabled"> 3. ...通过控制input的max length为0实现 input type="text" maxlength="0"> 4. οnfοcus="this.blur();" onfocuse是聚焦的意思,...当你把光标放在文本框上输入的时候,就是聚焦,但这里添加了"this.blur()",blur的作用就是去除聚焦,也就是你不能把光标放在这个文本框上,换句话说就是你不能输入文本了   input type

2.6K51
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    input输入中文时,拼音触发input事件

    在上一篇文章中写到了函数防抖,在使用函数防抖来进行搜索框优化的时候会遇到一个问题,就是监听文本输入框的input事件,在拼写汉字(输入法)但汉字并未实际填充到文本框中时会触发input事件,会出现下图的效果...这是我们不希望看到的,我们希望得到的效果是汉字输入进去以后再触发事件。 通过查询,我发现input有两个事件:compositionstart和compositionend。...在输入中文(包括语音识别时)会先后触发compositionstart、compositionend事件,类似于keydown和keyup的组合。...个人可以理解为输入拼音状态开始执行的事件 compositionend:当文本段落的组织已经完成或取消时,会触发该事件。这个个人可以理解为输入拼音结束,按下空格将汉字输入完成以后执行的事件。...下面来看代码示例 input id="txt" type="text"> var flag = true; $('#txt').on('compositionstart'

    8.2K20

    阻止中文输入时触发input事件

    做限制输入框可输入最大的长度和实时匹配输入框数据时遇到了坑 —— 当中文输入时input事件也会被触发,即假设限制的是2个字符,你要输入社会人的“社(she)”,就会直接被截取,输入框填充文本sh。...或者是在中文输入法时也会一直去调接口,匹配数据,影响了页面的性能!...代码如下: $(document).on('input','input',function(){ console.log('限制最大输入字符(截取)') }) 这个问题,可以声明一个inputFlag...= false }).on('input','input', function () { //定时器内才会生效 注意:定时器内this指向已发生改变 setTimeout(function...(){ if (inputFlag == false) return // 中文输入过程中不截断 console.log('限制最大输入字符(截取)') })

    1.2K20

    JS监听中文输入

    在做第六个项目(根据输入框实时调用AJAX古诗匹配)时,当我们输入中文拼音,还在拼音字符状态未选择成中文时,一直在执行我编写的事件监听处理函数(当输入框里的值有变化时执行此函数, 调用AJAX在页面显示数据里包含这些字的古诗...而我想要的是在我们输入拼音未完成中文选择时,不让其执行我们的监听处理函数, 只有选择完中文后才去执行调用AJAX判断有没有包含输入的这些字的古诗。...--HTML代码片段--> input type="text" id="this_input" placeholder="中文输入未完成时不执行事件" /> <script src="http:/...}); 当我们开始进行input的输入改变了input框里的值时,js会监听到input propertychange事件, 执行判断(一开始时$(this).prop('cnStart...而当我们输入框输入的文字不在待选状态后(如:输入拼音后完成了中文选择时),便会触发compositionend事件, 此时我们再将cnStart这个自定义属性设置为false,代表我们已经完成了中文输入

    9.5K20

    python编程 input输入函数

    座右铭:低头赶路,敬事如仪 个人主页:网络豆的主页​​​​​​ 目录 前言 一.输入与输出 1.input输入函数 2注意点① 3注意点② 二.input输入函数小练习 1.小练习示例子代码...2.思考① 3.思考② ---- 前言 本章将会讲解输入与输出中的 input()输入函数 ---- 一.输入与输出 1.input输入函数 input()是内置函数,用来获取用户输入,返回值为字符串。...例: # input输入函数 age = input("请输入年龄") #将input整体赋值给age print(age) #运行 他会在控制台等待用户输入内容...# input输入函数 age = input("请输入年龄") #将输入的内容19赋值给age print(age) #打印age为 19...②input()阻塞 ---- 二.input输入函数小练习     输入年龄     当年龄大于18,则输出“你好呀,靓仔;     否则输出“你好呀!

    79020
    领券