jquery 监控web input 输入的内容，并做相应的修改

最新推荐文章于 2022-07-17 17:22:30 发布

原创最新推荐文章于 2022-07-17 17:22:30 发布 · 375 阅读

0 ·

CC 4.0 BY-SA版权

web前端专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery实现的输入框键盘事件控制方法，能够限制特定字符的输入，并实时修正输入框的内容，避免非法字符的插入。通过键盘事件监听，可以有效防止不符合规定的字符输入，同时保持用户输入的流畅性和准确性。

   $(function(){
           // //一开始就获取焦点，相当于设置了autofocus自动获取焦点了（HTML5 新增表单控件属性）
           // $('#txt01').focus();

           // //文本框获取焦点的时候（有光标闪烁的时候）
           // $('#txt01').focus(function() {
           //    alert('focus');
           // });

           // //失去焦点的时候（光标离开的时候）
           /* $('input').blur(function(e) {
               alert(e);
               alert(mini.get(this).getValue());
           });*/

           // //输入框内容发生变化的时候，失去焦点后触发，可用于注册时验证用户名是否已存在
           // $('#txt01').change(function() {
           //    alert('change');
           // });

           //松开键盘按键就触发，限制某些按键的输入
           $('input').keydown(function(e) {
               //alert(e);
               if(e.key=="'"||e.keyCode==222||e.keyCode==229||e.key=="‘"||e.key=="’")return false;
           });

//输入框值出现改变时修正输入的内容。包含粘贴和输入的内容
           $('input').live('input propertychange', function(e){
           //获取.input-form下的所有 <input> 元素,并实时监听用户输入
           //逻辑
               e.target.value = e.target.value.replace("'","").replace("‘","").replace("’","");
           });

});