2014-11-06 60 views
0

我已经创建了一个字符计数器,它工作正常,包括检测控件v粘贴并相应地调整计数器,但我无法让它检测并调整右键,点击粘贴。当我右键单击并粘贴到文本框中时,计数器不会自动检测到它,但是当您将空间放大或添加新输入时,它会相应地进行调整。我已经阅读了几篇文章,并试图通过添加'粘贴'作为''keyup'属性的属性,但没有多少运气。右键点击粘贴事件的字符计数器

这里是小提琴链接和代码(如果有与链接的问题):

http://jsfiddle.net/NewJSDeveloper/yg45sfus/3/

<div id="testDiv"> 
    <label for="usAddressInput" id="usAddressLabel" style="margin-right:35px">Address</label> 
    <div> 
    <input id="USAddressInput" type="text"></input> 
    </div> 
    <div> 
    <label id="newlabel">New Label</label> 
    </div> 
</div> 

$('#USAddressInput').on('keyup', function() { 
    var cs = 13 - $(this).val().length; 
    $("#counter").html("(" + cs + " chars)"); 
}); 

$('#USAddressInput').attr('maxlength', '13'); 

var counter = "<span id=\"counter\" style=\"font-style:italic;\">(13 chars)</span>"; 
$('#usAddressLabel').after(counter); 

感谢, 肖恩

回答

0

你可以听input事件太:

$('#USAddressInput').on('keyup input', function() { 
    var cs = 13 - $(this).val().length; 
    $("#counter").html("(" + cs + " chars)"); 
}); 

这是Chrome上的工作(see this JSFiddle