监听input事件的中英文输入事件及键盘输入事件

// 监听属性文本框,限制字数,超过13个字时禁止输入

  $(document).on('click', '.el-input__inner', function() {

    var flag = true;

    var that = $(this);

    var num;

    var keyCodes = 0;

    $(this).off().on({

                    oevent:function(e){

                    },

                    // 键盘事件

                    keydown:function(e){

                         keyCodes = e.keyCode;

                    },

                    // 中文输入开始

                    compositionstart:function(){

                         flag = false;

                    },

                    // 中文输入结束

                    compositionend:function(){

                        flag = true;

                         var regC = /[^ -~]+/g;

                         var str = $(this).val();

                          if(str.length > 13) {

                                  that.attr("disabled","true")

                                  layer.open({

                                  content: '字数不能超过13个字',

                                  success: function(layero, index){

                                      that.removeAttr("disabled")

                                  }

                            });

                          return

                          }

                    },

                    // input框内变化时触发  设置flag区分中英文输入法时的监听

                    input:function(e){

                         if(flag){

                             var regC = /[^ -~]+/g;

                                   var str = that.val();

                                    // keyCodes=8 backspace退格事件,字数大于13还在打字的禁止输入

                                   if(str.length > 13 && keyCodes !== 8) {

                                  that.attr("disabled","true")

                                   layer.open({

                                        content: '字数不能超过13个字',

                                        success: function(layero, index){

                                        that.removeAttr("disabled")

                                }

                           });

                          }

                        }

                    }

                })

  })

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容