输入字段值的长度

Question

有没有办法用jQuery找出文本类型的输入字段中插入的文本的宽度？我需要这些信息,因为我需要在完成某些工作时执行一些工作.另外,当用户在输入字段中输入另一个字符时,会发现正在发生的jQuery事件,这会使整个值的第一个字符不可见,这对我很有帮助吗？

请参见示例http://jsfiddle.net/J58ht/2/

<input style="width: 35px;" type="text"> <span></span>


    $('input').on('keyup',function(){
      var input = $(this);
      input.next("span").text(input.val().length + " chars");
});

尝试在输入字段中输入字符123456.输入char 6时,第一个char 1将不可见.

当值重叠输入时,我需要那个事件.

Answer 1

您可以使用jQuery的val()方法找到值的长度,该方法将表单元素的当前值作为字符串返回.然后,您可以使用该字符串中的length属性.

$('input').on('keyup',function(){
      alert('This length is ' + $(this).val().length);
});

这是关于jsFiddle的一个工作示例:http://jsfiddle.net/J58ht/

根据您编辑的问题,应该是这样的

$('input').on('keyup',function(){
      var my_txt = $(this).val();
      var len = my_txt.length;
      if(len > my_constant_length)
      {
          var res = my_txt.substring(1,my_constant_length);
          $(this).val(res);
      }
});