cmd / cntrl + a不适用于jquery限制函数(cmd/cntrl + a doesnt work on jquery limit function)

cmd / cntrl + a不适用于jquery限制函数(cmd/cntrl + a doesnt work on jquery limit function)

我有一个带有计数的jquery输入框字符限制器但是当我尝试cmd / cntrl + a（高亮/全选）在输入框中不起作用时它闪烁一秒然后消失。 不知道为什么会这样。 看小提琴

这是我的jquery

var maxchars = 10; $('#post_text').keyup(function () { var tlength = $(this).val().length; $(this).val($(this).val().substring(0, maxchars)); var tlength = $(this).val().length; remain = maxchars - parseInt(tlength); $('#remain').text(remain); });

和HTML

<span id="remain">10</span> characters remaining <br /> <input type="text" class="form-control input-lg auto-size" placeholder="What would you like to post?" name="post_text" id="post_text">

I have a jquery input box character limiter with count but when I try cmd/cntrl + a ( highlight/select all) doesn't work in the input box it flashes for a second and then disappears. Not sure why this is happening. See fiddle

Here is my jquery

var maxchars = 10; $('#post_text').keyup(function () { var tlength = $(this).val().length; $(this).val($(this).val().substring(0, maxchars)); var tlength = $(this).val().length; remain = maxchars - parseInt(tlength); $('#remain').text(remain); });

and the html

<span id="remain">10</span> characters remaining <br /> <input type="text" class="form-control input-lg auto-size" placeholder="What would you like to post?" name="post_text" id="post_text">

最满意答案

用bind('input',...)替换keyup(...) bind('input',...) ：

var maxchars = 10; $('#post_text').bind('input',function () { var tlength = $(this).val().length; $(this).val($(this).val().substring(0, maxchars)); var tlength = $(this).val().length; remain = maxchars - parseInt(tlength); $('#remain').text(remain); });

Replace keyup(...) with bind('input',...):

var maxchars = 10; $('#post_text').bind('input',function () { var tlength = $(this).val().length; $(this).val($(this).val().substring(0, maxchars)); var tlength = $(this).val().length; remain = maxchars - parseInt(tlength); $('#remain').text(remain); });