资讯专栏INFORMATION COLUMN

解决onKeypress中文输入不触发问题

sewerganger / 1259人阅读

摘要:在对文本绑定时,输入数字字母特殊符号是都会触发事件,但唯独输入中文时,事件是不会触发的我觉得可以使用事件代替是的标准事件,对于检测和这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像事件需要失去焦点才触发。

onKeypress事件会在键盘按键被按下并释放一个键时发生。在对input文本绑定时,输入数字、字母、特殊符号是都会触发onKeypress事件,但唯独输入中文时,onKeypress事件是不会触发的!我觉得可以使用onInput事件代替!

oninput 是 HTML5 的标准事件,对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像 onchange 事件需要失去焦点才触发。oninput 事件在主流浏览器的兼容情况如下:

有一个需求是这样的:在input框只能输入数字,能兼容火狐,IE9的。

如果是使用onKepress事件绑定input,输入中文时就会出现不触发onKeypress事件,也就是没有任何的意义!

演示地址 ==> http://runjs.cn/detail/pfojehd8



    
        
        RunJS
        
    
    
        
        
    
    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111787.html

相关文章

  • 解决onKeypress中文输入触发问题

    摘要:在对文本绑定时,输入数字字母特殊符号是都会触发事件,但唯独输入中文时,事件是不会触发的我觉得可以使用事件代替是的标准事件,对于检测和这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像事件需要失去焦点才触发。 onKeypress事件会在键盘按键被按下并释放一个键时发生。在对input文本绑定时,输入数字、字母、特殊符号是都会触发onKeypress事件,但唯独输...

    CoXie 评论0 收藏0
  • 解决onKeypress中文输入触发问题

    摘要:在对文本绑定时,输入数字字母特殊符号是都会触发事件,但唯独输入中文时,事件是不会触发的我觉得可以使用事件代替是的标准事件,对于检测和这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像事件需要失去焦点才触发。 onKeypress事件会在键盘按键被按下并释放一个键时发生。在对input文本绑定时,输入数字、字母、特殊符号是都会触发onKeypress事件,但唯独输...

    陈伟 评论0 收藏0
  • 说一说限制字数的输入框踩的坑

    摘要:所以最后牺牲了下用户体验,找到了一个折中的方式输入框失去焦点时即,或者用户输入回车键时才进行内容长度的检测。当然如果发现输入框内容超过限制,要将光标停留在输入框内,方便用户进行修改。 前言 最近产品需要做不少输入框,产品想要的交互效果是:用户可以输入中英文,随着用户输入能实时显示已经输入的字符个数,当超过数量限制时输入框边框变红,同时给用户提示信息。 这交互听起来没啥问题,技术实现上似...

    luck 评论0 收藏0
  • 动态监听输入框值的变化

    摘要:以上事件是键盘事件,但是当使用作为监听事件时,会发现一些复制粘贴等操作用不了。二输入框事件和都是事件对象,当输入框的值发生改变时触发该事件。不同的是,是在值改变时立即触发,而是在值改变后失去焦点才触发,并且可以用在非输入框中,如等。 一、键盘事件 1.onkeydownonkeydown 事件会在用户按下一个键盘按键时发生。2.onkeypress onkeypress 事件会在键盘按...

    missonce 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<